:root{--ink:#172033;--muted:#687387;--line:#e5e9f0;--soft:#f6f8fb;--brand:#2563eb;--brand2:#7c3aed;--green:#10b981;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-wrap,.amazon-wrap,.container{width:min(var(--max),calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.site-header.scrolled{box-shadow:0 8px 24px rgba(23,32,51,.07)}.header-row{height:68px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:24px;font-weight:850;letter-spacing:-.5px}.brand::after{content:"AI建站";font-size:11px;margin-left:8px;color:var(--brand);background:#eef4ff;padding:4px 7px}.desktop-nav{display:flex;gap:4px}.desktop-nav a{padding:10px 13px;font-weight:650;color:#39445a}.desktop-nav a:hover{color:var(--brand);background:var(--soft)}.menu-toggle{display:none;background:none;border:0;width:40px;height:40px;padding:8px}.menu-toggle span{display:block;height:2px;background:#111;margin:5px}.mobile-menu,.menu-mask{display:none}.hero{background:linear-gradient(135deg,#f6f9ff 0%,#fbf8ff 55%,#f3fbf8 100%);border-bottom:1px solid var(--line)}.hero-inner{text-align:center;padding:82px 0 72px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--brand)}.hero h1{font-size:clamp(38px,6vw,68px);line-height:1.08;letter-spacing:-2px;margin:15px 0}.hero p{font-size:19px;color:var(--muted);margin:0 auto 28px;max-width:720px}.hero-search{height:58px;max-width:720px;margin:auto;display:flex;background:#fff;border:1px solid #d9dfeb;box-shadow:0 14px 40px rgba(43,61,96,.1)}.hero-search input{flex:1;border:0;padding:0 20px;font-size:17px;outline:0}.hero-search button{border:0;background:var(--ink);color:#fff;padding:0 28px;font-weight:800;font-size:16px}.hero-tags{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:20px}.hero-tags a{font-size:14px;color:#4f5b70;border-bottom:1px solid #b9c1cf}.home-content{padding:34px 0 70px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff;margin-top:-62px;position:relative;box-shadow:0 14px 34px rgba(31,45,72,.07)}.stats div{text-align:center;padding:24px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong{display:block;font-size:27px}.stats span{font-size:13px;color:var(--muted)}.home-section{padding:42px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;margin-bottom:20px}.section-head h2,.section-title h1,.page-heading h1{font-size:28px;line-height:1.25;margin:0}.section-head p,.page-heading p{color:var(--muted);margin:6px 0 0}.text-link-grid{display:grid;grid-template-columns:repeat(8,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.text-link-grid a{padding:14px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:700;text-decoration:underline;text-decoration-color:#c8cfda;text-underline-offset:4px;background:#fff}.text-link-grid a:hover{background:#f7f9fc;color:var(--brand)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-grid a{border:1px solid var(--line);padding:20px;background:#fff}.category-grid strong{display:block;font-size:18px}.category-grid span{display:block;color:var(--muted);font-size:14px;margin:7px 0}.category-grid em{font-style:normal;color:var(--brand);font-size:13px}.tool-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.tool-grid a{border:1px solid var(--line);padding:16px}.tool-grid strong{display:block}.tool-grid span{font-size:12px;color:var(--muted)}.article-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.article-grid article{border:1px solid var(--line);background:#fff}.article-cover{aspect-ratio:16/9;display:grid;place-items:center;background:linear-gradient(135deg,#eaf1ff,#f5ecff);font-size:18px;font-weight:850;color:#425276}.article-grid article>div:last-child{padding:15px}.article-grid span{font-size:12px;color:var(--brand)}.article-grid h3{font-size:17px;line-height:1.45;margin:7px 0}.article-grid h3 a{text-decoration:underline;text-decoration-color:#c8cfda;text-underline-offset:4px}.article-grid p{font-size:13px;color:var(--muted);margin:0}.amazon-page,.page-wrap{padding:34px 0 65px}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:18px}.section-title{margin-bottom:20px}.category-filter{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px}.category-filter a{padding:8px 12px;border:1px solid var(--line);font-size:14px;background:#fff}.category-filter a:hover{border-color:var(--brand);color:var(--brand)}.amazon-site-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.amazon-site-card{border:1px solid var(--line);padding:20px;background:#fff;min-height:180px}.amazon-site-card h2{font-size:20px;margin:0 0 8px}.amazon-site-card h2 a{text-decoration:underline;text-decoration-color:#c8cfda;text-underline-offset:4px}.amazon-site-card p{color:var(--muted);font-size:14px}.amazon-site-card span{font-size:12px;color:var(--brand)}.website-detail{display:grid;grid-template-columns:1fr;gap:22px}.website-detail header{padding:34px;border:1px solid var(--line);background:linear-gradient(135deg,#f8fbff,#fbf9ff)}.website-detail h1{font-size:38px;margin:10px 0}.website-detail header p{max-width:760px;color:var(--muted);font-size:17px}.badge{display:inline-block;padding:6px 10px;background:#eaf1ff;color:var(--brand);font-size:12px;font-weight:800}.amazon-button,.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;padding:12px 20px;font-weight:800;border:0}.article-content{border:1px solid var(--line);padding:30px;font-size:16px}.article-content h2,.article-content h3{margin-top:28px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.page-heading{margin-bottom:22px}.article-list{display:grid;gap:14px}.article-row{display:grid;grid-template-columns:220px 1fr;border:1px solid var(--line);background:#fff}.article-row img,.cover-placeholder{width:220px;height:145px;object-fit:cover;background:linear-gradient(135deg,#eaf1ff,#f4ecff);display:grid;place-items:center;font-weight:800}.article-row>div:last-child{padding:16px}.article-row h2{font-size:20px;margin:5px 0}.article-row p{color:var(--muted);margin:0}.article-row span,.article-row small{font-size:12px;color:var(--brand)}.filter-bar{display:flex;gap:8px;margin-bottom:20px}.filter-bar input,.filter-bar select{height:44px;border:1px solid var(--line);padding:0 12px;min-width:180px}.filter-bar button{border:0;background:var(--ink);color:#fff;padding:0 18px}.tool-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-list-card{border:1px solid var(--line);padding:18px}.tool-list-card h2{font-size:18px;margin:6px 0}.tool-list-card p{font-size:13px;color:var(--muted)}.tool-list-card span,.tool-list-card em{font-size:12px;color:var(--brand);font-style:normal}.site-footer{background:#111827;color:#d7deea;margin-top:30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding:50px 0}.footer-brand{font-size:24px;color:#fff}.footer-grid p{color:#9ba7ba;max-width:520px}.footer-grid h3{font-size:14px;color:#fff}.footer-grid a{display:block;color:#aeb8c8;margin:8px 0}.footer-bottom{border-top:1px solid #273246;padding:18px 0;color:#8290a5;font-size:13px}.back-top{position:fixed;right:20px;bottom:20px;width:42px;height:42px;border:0;background:#111827;color:#fff;opacity:0;pointer-events:none}.back-top.show{opacity:1;pointer-events:auto}.pagination{display:flex;gap:6px;margin-top:24px}.pagination a{padding:7px 11px;border:1px solid var(--line)}.pagination a.active{background:var(--ink);color:#fff}.sidebar{border:1px solid var(--line);padding:18px;height:max-content}
@media(max-width:1000px){.desktop-nav{display:none}.menu-toggle{display:block}.mobile-menu{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;border-bottom:1px solid var(--line);padding:12px 16px;z-index:60}.mobile-menu a{display:block;padding:13px;border-bottom:1px solid var(--line);font-weight:700}.menu-mask{position:fixed;inset:68px 0 0;background:rgba(17,24,39,.32);z-index:40}.menu-open .mobile-menu,.menu-open .menu-mask{display:block}.text-link-grid{grid-template-columns:repeat(5,1fr)}.article-grid{grid-template-columns:repeat(3,1fr)}.amazon-site-grid{grid-template-columns:repeat(3,1fr)}.tool-grid{grid-template-columns:repeat(4,1fr)}.content-layout{grid-template-columns:1fr}.sidebar{display:none}}
@media(max-width:700px){.site-wrap,.amazon-wrap,.container{width:min(100% - 24px,var(--max))}.hero-inner{padding:54px 0}.hero h1{font-size:38px;letter-spacing:-1px}.hero p{font-size:16px}.hero-search{height:52px}.hero-search button{padding:0 18px}.stats{grid-template-columns:repeat(2,1fr);margin-top:-38px}.stats div:nth-child(2){border-right:0}.stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}.text-link-grid{grid-template-columns:repeat(3,1fr)}.text-link-grid a{font-size:14px;padding:12px 8px}.category-grid{grid-template-columns:1fr 1fr}.tool-grid{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:repeat(2,1fr)}.amazon-site-grid{grid-template-columns:1fr}.tool-list-grid{grid-template-columns:1fr}.article-row{grid-template-columns:1fr}.article-row img,.cover-placeholder{width:100%;height:180px}.footer-grid{grid-template-columns:1fr;gap:20px}.website-detail h1{font-size:30px}.website-detail header,.article-content{padding:22px}.filter-bar{flex-direction:column}.filter-bar input,.filter-bar select,.filter-bar button{width:100%;height:44px}}