*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:#101010;background:#fff}a{text-decoration:none;color:inherit}.site{min-height:100vh}.top{position:sticky;top:0;z-index:20;height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 24px;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid #e8e8e8}.brand{font-weight:650;font-size:18px}.nav,.right{display:flex;align-items:center;gap:22px}.nav a,.right a{font-size:14px;color:#111}.nav a.active{text-decoration:underline;text-underline-offset:5px}.ghost{color:#666}.pill{border:1px solid #111;border-radius:999px;padding:8px 13px}.hero{min-height:calc(100vh - 64px);display:flex;flex-direction:column;justify-content:center;padding:48px 24px 30px}.hero-inner{max-width:1060px;margin:0 auto;width:100%;text-align:center}.hero h1{font-size:clamp(46px,9vw,112px);line-height:.92;font-weight:520;letter-spacing:-.04em;margin:0 0 34px}.prompt{max-width:760px;margin:0 auto;border:1px solid #d8d8d8;border-radius:28px;padding:16px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.08);display:grid;grid-template-columns:1fr auto;gap:10px;text-align:left}.prompt input{border:0;outline:0;font:inherit;font-size:17px;padding:12px 14px}.send{border:0;background:#111;color:#fff;border-radius:22px;padding:0 18px;font:inherit}.quick{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}.quick a{font-size:14px;border:1px solid #dedede;border-radius:999px;padding:9px 13px;color:#333}.wrap{max-width:1280px;margin:0 auto;padding:0 24px}.section{padding:54px 0;border-top:1px solid #e9e9e9}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section h2{font-size:28px;font-weight:520;margin:0}.section-head a{font-size:14px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{display:block;border-radius:4px;overflow:hidden;background:#f5f5f5;min-height:100%;transition:transform .2s ease}.card:hover{transform:translateY(-3px)}.art{aspect-ratio:1/1;background:linear-gradient(135deg,#efefef,#d8d8d8);position:relative}.art.wide{aspect-ratio:16/10}.art.dark{background:linear-gradient(135deg,#0f0f0f,#5a5a5a)}.art.green{background:linear-gradient(135deg,#dce9df,#aab7ad)}.art.blue{background:linear-gradient(135deg,#dfe8f9,#aebfdf)}.art.warm{background:linear-gradient(135deg,#f0e0cc,#c9b49b)}.card-body{padding:14px 0;background:#fff}.card h3{font-size:18px;font-weight:520;line-height:1.25;margin:0 0 7px}.meta,.card p,p.muted{color:#6b6b6b;line-height:1.65;font-size:14px}.list{display:grid;gap:0;border-top:1px solid #e5e5e5}.row{display:grid;grid-template-columns:120px 1fr auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid #e5e5e5}.row-thumb{width:120px;aspect-ratio:1;border-radius:3px;background:linear-gradient(135deg,#e8e8e8,#cfcfcf)}.row h3{font-size:19px;font-weight:520;margin:0 0 5px}.row span{color:#555;font-size:14px}.page-hero{padding:96px 24px 46px;border-bottom:1px solid #e9e9e9}.page-hero-inner{max-width:1280px;margin:0 auto}.page-hero h1{font-size:clamp(42px,7vw,90px);line-height:.96;font-weight:520;letter-spacing:-.035em;margin:0 0 20px;max-width:900px}.page-hero p{font-size:20px;line-height:1.6;color:#555;max-width:760px}.split{display:grid;grid-template-columns:1fr 380px;gap:42px}.panel{border:1px solid #e3e3e3;border-radius:4px;padding:20px;background:#fafafa}.panel h3{margin:0 0 10px;font-size:20px;font-weight:520}.field{width:100%;border:1px solid #d9d9d9;border-radius:4px;padding:13px 14px;font:inherit;margin-top:10px;background:#fff}textarea.field{min-height:150px;resize:vertical}.button{display:inline-flex;margin-top:12px;border:1px solid #111;background:#111;color:#fff;border-radius:999px;padding:10px 14px;font-size:14px}.article{max-width:980px;margin:0 auto;padding:54px 24px}.article h1{font-size:clamp(42px,7vw,88px);line-height:.96;font-weight:520;letter-spacing:-.035em;margin:0 0 24px}.article p{font-size:19px;line-height:1.75;color:#333}.article h2{font-size:30px;font-weight:520;margin-top:44px}.hero-image{aspect-ratio:16/9;background:linear-gradient(135deg,#eee,#cfcfcf);margin:32px 0;border-radius:4px}.footer{border-top:1px solid #e9e9e9;padding:44px 24px;color:#555}.footer-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr repeat(4,160px);gap:24px}.footer h4{font-weight:520;color:#111;margin:0 0 12px}.footer a{display:block;font-size:14px;margin:8px 0;color:#555}@media(max-width:980px){.nav{display:none}.grid,.cards3{grid-template-columns:repeat(2,1fr)}.split,.footer-grid{grid-template-columns:1fr}.row{grid-template-columns:88px 1fr}.row-thumb{width:88px}.row span{display:none}}@media(max-width:640px){.top{padding:0 16px}.right .ghost{display:none}.hero{padding:42px 16px 24px}.prompt{grid-template-columns:1fr}.send{height:42px}.wrap{padding:0 16px}.grid,.cards3{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.page-hero{padding:72px 16px 34px}.row{grid-template-columns:1fr}.row-thumb{width:100%;aspect-ratio:16/9}}