:root{color:#f5f0e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#0e1110;--ink-soft:#161a18;--panel:#1c201dc7;--panel-strong:#202621;--line:#e5dac429;--text:#f5f0e8;--muted:#b8b2a6;--soft:#817d73;--amber:#d8a858;--amber-dark:#a8752b;--green:#8fae9a;--blue-gray:#8ca1aa;--shadow:0 24px 70px #00000061;background:#0e1110;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 18% 8%,#d8a8582e,#0000 30rem),radial-gradient(circle at 88% 12%,#8fae9a21,#0000 28rem),linear-gradient(#0b0e0d 0%,#111513 46%,#0e1110 100%);min-width:320px;margin:0}body,button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}#app{min-height:100vh}.site-shell{min-height:100vh;overflow:hidden}.container{width:min(1120px,100% - 40px);margin:0 auto}.section{padding:88px 0}.section-title{max-width:680px;margin:0 0 32px}.section-kicker{color:var(--amber);margin:0 0 12px;font-size:14px;font-weight:700}.section-title h2{color:var(--text);margin:0;font-size:clamp(30px,4vw,46px);font-weight:700;line-height:1.2}.section-title p{color:var(--muted);margin:16px 0 0;font-size:17px;line-height:1.8}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e1110c7;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.brand{align-items:center;gap:10px;font-weight:700;display:inline-flex}.brand-mark{color:#f2cf91;background:linear-gradient(145deg,#d8a85838,#8fae9a1a);border:1px solid #d8a8586b;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.nav-links{color:var(--muted);align-items:center;gap:22px;font-size:14px;display:flex}.nav-links a:hover,.nav-links .router-link-active{color:var(--text)}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:700;line-height:1;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{color:#181108;background:linear-gradient(#e6bd75 0%,#c68a36 100%);box-shadow:0 14px 34px #bf812f42}.button-secondary{color:var(--text);background:#f5f0e80f;border-color:#f5f0e833}.hero{padding:82px 0 54px;position:relative}.hero-grid{grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);align-items:center;gap:52px;display:grid}.eyebrow{color:#ead2a4;background:#d8a85814;border:1px solid #d8a85840;border-radius:999px;align-items:center;gap:10px;margin-bottom:22px;padding:8px 13px;font-size:13px;display:inline-flex}.hero h1{color:var(--text);margin:0;font-size:clamp(48px,8vw,86px);font-weight:800;line-height:1}.hero h1 span{color:#e8dfd0;margin-top:16px;font-size:clamp(25px,3.2vw,41px);font-weight:650;line-height:1.24;display:block}.hero-copy{max-width:620px;color:var(--muted);margin:24px 0 0;font-size:18px;line-height:1.85}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.meta-row{color:var(--soft);flex-wrap:wrap;gap:12px;margin-top:24px;font-size:14px;display:flex}.meta-row span{background:#f5f0e80a;border:1px solid #f5f0e81f;border-radius:999px;padding:7px 11px}.app-window{box-shadow:var(--shadow);background:#171b19;border:1px solid #e5dac429;border-radius:18px;overflow:hidden}.window-bar{background:#111513;border-bottom:1px solid #e5dac41a;justify-content:space-between;align-items:center;height:44px;padding:0 16px;display:flex}.window-dots{gap:8px;display:flex}.window-dots i{background:#746f66;border-radius:50%;width:10px;height:10px}.window-title{color:var(--soft);font-size:13px}.mock-app{background:linear-gradient(145deg,#171c19,#202721);grid-template-columns:156px minmax(0,1fr);min-height:430px;display:grid}.mock-sidebar{background:#090c0b52;border-right:1px solid #e5dac41a;padding:18px 14px}.mock-nav-item{color:var(--muted);border-radius:8px;align-items:center;gap:9px;margin-bottom:8px;padding:10px;font-size:13px;display:flex}.mock-nav-item.active{color:#f1d7a1;background:#d8a85824}.mock-nav-icon{background:currentColor;border-radius:3px;width:9px;height:9px}.mock-main{min-width:0;padding:18px}.mock-toolbar{grid-template-columns:minmax(0,1fr) 110px;gap:12px;margin-bottom:18px;display:grid}.mock-search,.mock-filter{background:#f5f0e80d;border:1px solid #e5dac41f;border-radius:8px;min-height:36px}.mock-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mock-card{background:#f5f0e80d;border:1px solid #e5dac41a;border-radius:8px;overflow:hidden}.mock-image{background:linear-gradient(135deg,#d8a85875,#0000 44%),linear-gradient(35deg,#8ca1aa47,#8fae9a57);height:104px}.mock-image.alt{background:linear-gradient(145deg,#8fae9a75,#0000 48%),linear-gradient(25deg,#d8a85838,#475356b3)}.mock-image.third{background:linear-gradient(160deg,#8ca1aa73,#0000 45%),linear-gradient(35deg,#d8a8584d,#131715cc)}.mock-card-body{padding:10px}.mock-line{background:#f5f0e82e;border-radius:99px;height:8px;margin-bottom:8px}.mock-line.short{background:#d8a85852;width:58%}.mock-tags{gap:5px;display:flex}.mock-tags span{background:#8fae9a2e;border-radius:999px;width:34px;height:16px}.feature-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-bottom:64px;display:grid}.mini-card,.feature-item,.audience-item,.download-panel,.guide-card,.faq details{border:1px solid var(--line);background:#f5f0e80e;border-radius:8px}.mini-card{padding:20px}.mini-card h3,.feature-item h3,.audience-item h3,.download-panel h3,.guide-card h3{color:var(--text);margin:0 0 10px;font-size:18px}.mini-card p,.feature-item p,.audience-item p,.download-panel p,.guide-card p,.faq p,.guide-list li{color:var(--muted);margin:0;line-height:1.75}.showcase{grid-template-columns:1.1fr .9fr;gap:24px;display:grid}.showcase-panel{border:1px solid var(--line);background:#f5f0e80d;border-radius:12px;overflow:hidden}.showcase-visual{min-height:320px;padding:18px}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.showcase-shot{background:#0e11106b;border:1px solid #e5dac41f;border-radius:8px;min-height:138px;padding:14px}.shot-head{background:#d8a85873;border-radius:99px;width:46%;height:11px;margin-bottom:18px}.shot-blocks{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.shot-blocks i{background:#8fae9a33;border-radius:6px;height:56px}.showcase-copy{padding:28px}.showcase-copy h3{margin:0 0 12px;font-size:26px}.showcase-copy p{color:var(--muted);margin:0 0 18px;line-height:1.8}.thumb-list{gap:10px;display:grid}.thumb{color:var(--muted);background:#ffffff09;border-left:3px solid #0000;padding:12px 14px;font-size:14px}.thumb.active{border-color:var(--amber);color:var(--text)}.feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.feature-item{padding:24px}.feature-icon{color:#f0ce8f;background:#d8a8581f;border-radius:8px;place-items:center;width:36px;height:36px;margin-bottom:16px;display:grid}.audience-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.audience-item{padding:22px}.download-grid{grid-template-columns:1fr .9fr;align-items:stretch;gap:22px;display:grid}.download-panel{padding:30px}.download-panel strong{color:var(--text)}.download-list{gap:10px;margin:20px 0 24px;padding:0;list-style:none;display:grid}.download-list li{color:var(--muted);border-bottom:1px solid #e5dac41a;justify-content:space-between;gap:20px;padding-bottom:10px;display:flex}.download-list span:last-child{color:var(--text);text-align:right}.notice{border-left:3px solid var(--green);padding-left:16px}.faq{gap:12px;display:grid}.faq details{padding:0 20px}.faq summary{cursor:pointer;color:var(--text);padding:18px 0;font-weight:700}.faq p{padding:0 0 18px}.site-footer{border-top:1px solid var(--line);color:var(--soft);padding:28px 0;font-size:14px}.footer-inner{justify-content:space-between;gap:18px;display:flex}.guide-hero{padding:72px 0 36px}.guide-hero h1{max-width:820px;margin:0;font-size:clamp(38px,5vw,62px);line-height:1.15}.guide-hero p{max-width:700px;color:var(--muted);margin:20px 0 0;font-size:18px;line-height:1.8}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.guide-card{padding:24px}.step-number{color:#f0ce8f;background:#d8a85829;border-radius:50%;place-items:center;width:36px;height:36px;margin-bottom:16px;font-weight:800;display:grid}.guide-list{gap:12px;margin:0;padding-left:20px;display:grid}.guide-note{color:var(--muted);background:#8fae9a14;border:1px solid #8fae9a4d;border-radius:8px;margin-top:26px;padding:20px;line-height:1.8}@media (width<=940px){.hero-grid,.showcase,.download-grid{grid-template-columns:1fr}.feature-strip,.audience-grid,.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.container{width:min(100% - 28px,1120px)}.section{padding:62px 0}.nav{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 0}.nav-links{flex-wrap:wrap;gap:12px;width:100%}.nav-links .button{width:100%}.hero{padding-top:48px}.mock-app{grid-template-columns:1fr}.mock-sidebar{display:none}.mock-gallery,.feature-strip,.feature-list,.audience-grid,.guide-grid,.showcase-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column}}