:root{--paper:#f6f7f2;--ink:#202a24;--muted:#758078;--green:#385e46;--orange:#eb8653;--line:#dce2d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}header{height:96px;max-width:1280px;margin:auto;display:flex;align-items:center;gap:40px;padding:0 48px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-weight:850;font-size:27px;letter-spacing:-1px}.brand img{width:52px;height:52px;object-fit:contain;border-radius:14px}.two{color:var(--orange);margin-left:3px}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:2px;margin-top:3px}nav{display:flex;gap:32px;margin:auto;font-size:14px}nav a:hover,.text-link:hover{color:var(--green)}.nav-cta{border:1px solid var(--ink);padding:12px 22px;border-radius:7px;font-size:13px;font-weight:600}.menu{display:none}.hero{max-width:1280px;padding:64px 48px 58px;margin:auto;display:grid;grid-template-columns:1fr 1.12fr;gap:60px;position:relative;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;display:flex;align-items:center;gap:9px;color:var(--green)}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(48px,5.4vw,76px);font-weight:850;letter-spacing:-3px;line-height:1.18;margin:26px 0}.accent{color:var(--green)}.hero-copy>p{font-size:16px;line-height:1.9;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{display:inline-flex;gap:30px;align-items:center;justify-content:center;padding:16px 23px;border:1px solid var(--green);border-radius:7px;background:var(--green);color:#fff;font-size:14px;font-weight:650;min-height:48px}.button:hover{background:#244c33}.secondary{background:transparent;color:var(--green)}.secondary:hover{background:#e3eadd}.text-link{font-size:14px;font-weight:600}.hero-note{margin-top:36px;display:flex;gap:15px;font-size:11px;color:var(--muted)}.hero-note i{font-style:normal}.hero-art{height:480px;position:relative;overflow:hidden;border-radius:16px;background:#243b49;transform:rotate(2deg)}.hero-art>img{width:100%;height:100%;object-fit:cover;object-position:50% 0%;transform:scale(1.06)}.hero-art:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(9,23,31,.86))}.art-label{position:absolute;bottom:30px;left:30px;right:30px;z-index:1;color:#fff}.art-label>span{font-size:10px;letter-spacing:3px;opacity:.8}.art-label strong{display:block;font-size:38px;margin:13px 0 6px;font-weight:750}.art-label p{font-size:13px;margin:0;opacity:.9}.art-label b{float:right;font-size:30px}.vertical-note{position:absolute;right:15px;top:130px;writing-mode:vertical-rl;letter-spacing:3px;font-size:9px;color:var(--muted)}.section{max-width:1280px;margin:auto;padding:65px 48px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px}.section-heading h2,.faq h2{font-size:30px;letter-spacing:-1px;margin:12px 0 0}.section-heading>p{color:var(--muted);font-size:13px;margin:0}.discover{border-top:1px solid var(--line)}.toolbar{display:flex;gap:20px;justify-content:space-between;margin-bottom:28px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid transparent;background:none;color:var(--muted);padding:9px 18px;border-radius:24px;font-size:13px;white-space:nowrap}.filter.active{color:#fff;background:var(--ink)}.search{display:flex;align-items:center;gap:12px;border-bottom:1px solid #bec8be;max-width:240px}.search span{font-size:25px}.search input{border:0;background:none;min-width:0;width:100%;outline:none;font-size:13px;padding:10px 0}.search:focus-within{border-color:var(--green)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.cover{aspect-ratio:4/4.7;position:relative;overflow:hidden;border-radius:11px;background:#bbcbbc}.cover img{height:100%;width:100%;object-fit:cover;object-position:top;transition:transform .3s}.card:hover img{transform:scale(1.025)}.cover:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(12,28,28,.88))}.cover>span{position:absolute;left:17px;top:17px;background:#ffffffdf;padding:6px 10px;font-size:11px;border-radius:4px}.cover>div{position:absolute;bottom:24px;left:24px;right:24px;z-index:1;color:#fff}.cover small{font-size:9px;letter-spacing:3px;display:block;margin-bottom:10px}.cover strong{font-size:33px;letter-spacing:-1px}.card-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:16px 0 10px}.card h3{font-size:21px;margin:10px 0 7px;letter-spacing:-.5px}.card h3 span{float:right;font-weight:400}.card p{font-size:13px;color:var(--muted);margin:0}.original-note{border-top:1px solid var(--line);margin-top:35px;padding-top:19px;font-size:12px;font-weight:600}.original-note span{margin-left:14px;color:var(--muted);font-weight:400}.download{background:#e7eddf;max-width:1184px;padding:60px 70px;border-radius:18px;margin:30px auto 30px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;gap:40px}.download h2{font-size:48px;line-height:1.25;margin:20px 0;letter-spacing:-2px}.download p{line-height:1.9;font-size:14px;color:#6d796c}.download-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 20px}.download-state{font-size:11px;color:var(--muted);max-width:300px;line-height:1.8}.phone{border:7px solid #26382c;border-radius:36px;width:245px;justify-self:center;background:#fafbf5;padding:18px;box-shadow:12px 18px 0 #cad5c2;transform:rotate(8deg)}.phone-top{display:flex;justify-content:space-between;font-size:8px;margin-bottom:22px}.phone-brand{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:750}.phone-brand img{width:27px;border-radius:6px}.phone-brand small{margin-left:auto;font-size:9px;color:var(--muted)}.phone h3{font-size:18px;margin:19px 0 16px}.phone-cover{height:230px;border-radius:12px;position:relative;overflow:hidden}.phone-cover img{height:100%;width:100%;object-fit:cover;object-position:top}.phone-cover>span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#22392c);padding:40px 13px 18px;color:#fff;font-weight:700}.phone-cover small{font-size:8px;font-weight:400;display:block;margin-top:6px}.phone-meta{font-size:8px;display:flex;justify-content:space-between;margin:18px 0}.phone-tabs{font-size:9px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:15px 0 0}.phone-tabs span{color:var(--muted)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:21px 0}summary{font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';color:var(--green);font-size:22px}details[open] summary:after{content:'−'}details p{font-size:13px;line-height:1.9;color:var(--muted);margin:18px 0 0;max-width:850px}footer{max-width:1184px;margin:25px auto 0;padding:35px 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px}.foot-brand{font-weight:750;font-size:22px}.foot-brand span{font-size:11px;color:var(--muted);font-weight:400;margin-left:20px}footer>div{display:flex;gap:22px;align-items:center;font-size:11px}footer button{border:0;padding:0;background:none;color:inherit;font-size:11px}footer>p{width:100%;font-size:10px;color:var(--muted);margin:0;display:flex;justify-content:space-between;gap:20px}dialog{max-width:500px;width:calc(100% - 40px);border:1px solid var(--line);border-radius:15px;padding:35px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#10201788}dialog p{font-size:14px;line-height:1.9}.close{float:right;background:none;border:0;font-size:26px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:14px 24px;border-radius:8px;background:var(--ink);color:#fff;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s;font-size:13px;max-width:90vw;width:max-content}#toast.show{opacity:1}.empty{padding:70px 20px;text-align:center;grid-column:1/-1;color:var(--muted)}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:40px}.detail-grid{display:grid;grid-template-columns:340px 1fr;gap:70px;align-items:center}.detail-copy h1{font-size:48px;letter-spacing:-2px;margin:20px 0 12px}.detail-copy h2{font-size:19px;font-weight:500;color:var(--muted)}.chips{display:flex;gap:10px;margin:28px 0}.chips span{border:1px solid var(--line);border-radius:20px;font-size:12px;padding:6px 12px}.detail-copy p{font-size:15px;line-height:2;color:var(--muted);max-width:540px}.detail-copy>small{display:block;margin-top:25px;color:var(--muted);font-size:11px}.chapter-section{margin:60px 0}.chapter-section>div{display:flex;justify-content:space-between;align-items:center}.chapter-section h2{font-size:25px}.chapter-section>div>span{font-size:12px;color:var(--muted)}.chapter-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;font-size:14px;gap:18px}.chapter-row small{font-size:11px;color:var(--muted);margin-right:25px}.chapter-row b{font-size:12px;color:var(--green)}.reader{max-width:900px;margin:auto;padding:25px 30px}.reader-nav{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:15px}.reader-nav button{background:transparent;border:1px solid var(--line);border-radius:7px;padding:10px;color:inherit}.reader-heading{text-align:center;margin:60px 0 35px}.reader-heading .eyebrow{justify-content:center}.reader-heading h1{font-size:33px;margin:18px 0}.reader-heading p{font-size:14px;color:var(--muted)}.chapter-image{display:block;width:100%;height:auto;background:#fff}.story-text{padding:35px 20px}.story-text h2{font-size:20px}.story-text p{display:flex;gap:22px;font-size:14px;line-height:2.1;color:var(--muted)}.story-text span{font-size:11px;font-weight:650;color:var(--green)}.reader-end{text-align:center;padding:40px 0 70px;border-top:1px solid var(--line)}.reader-end small{color:var(--muted)}.reader-end h2{margin-top:25px;font-size:30px}.reader-end p{color:var(--muted);font-size:13px}.reader-end .button{margin:20px auto;display:flex;width:max-content}.dark-reader{--paper:#17211d;--ink:#e8eee8;--line:#3b4940;--muted:#aab5ad;--green:#aed1b1}.dark-reader .button{color:#17211d}.dark-reader header img{background:white}
@media(min-width:1500px){.hero{padding-top:85px;padding-bottom:85px}.hero-art{height:520px}}@media(max-width:1000px){header{padding:0 28px;gap:22px}nav{gap:20px}.hero{padding:50px 28px;gap:30px}.hero h1{font-size:58px}.hero-art{height:410px}.section{padding:50px 28px}.download{margin:20px 28px;padding:50px 38px}.download h2{font-size:40px}footer{margin:20px 28px}.detail-grid{grid-template-columns:280px 1fr;gap:35px}.detail-copy h1{font-size:38px}}
@media(max-width:640px){header{height:78px;padding:0 20px;position:relative;gap:12px}.brand{font-size:24px}.brand img{height:41px;width:41px}.brand small{font-size:7px}.nav-cta{font-size:11px;padding:10px 11px;margin-left:auto}.menu{display:block;border:0;background:none;font-size:22px;color:var(--ink);padding:8px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);z-index:10;padding:20px;box-shadow:0 10px 20px #17211d15;border-bottom:1px solid var(--line)}.menu-open nav{display:flex;flex-direction:column;gap:22px}.hero{padding:35px 20px;grid-template-columns:1fr;gap:32px}.hero h1{font-size:54px;margin:20px 0;letter-spacing:-2px}.hero-copy>p{font-size:14px}.hero-actions{gap:23px;margin-top:24px}.hero-note{margin-top:22px}.hero-art{height:350px;transform:none}.vertical-note{display:none}.art-label strong{font-size:33px}.section{padding:40px 20px}.section-heading{align-items:start;flex-direction:column;gap:14px;margin-bottom:24px}.section-heading h2,.faq h2{font-size:26px}.toolbar{flex-direction:column;gap:12px}.filters{gap:5px}.filter{padding:8px 13px;font-size:12px}.search{max-width:100%;width:100%}.grid{grid-template-columns:1fr;gap:28px}.card>a{display:grid;grid-template-columns:135px 1fr;gap:0 18px;align-content:start}.card .cover{grid-row:1/5;height:175px;aspect-ratio:auto}.card .cover>span{left:9px;top:9px;font-size:9px;padding:4px 6px}.card .cover>div{left:12px;bottom:14px;right:10px}.card .cover small{font-size:6px;letter-spacing:1px}.card .cover strong{font-size:19px}.card-meta{flex-direction:column;gap:8px;margin:15px 0 12px}.card h3{font-size:19px;margin:0 0 10px}.card p{line-height:1.8;font-size:12px}.original-note{line-height:1.8}.original-note span{display:block;margin-left:0;margin-top:8px}.download{margin:10px 20px;padding:35px 25px;grid-template-columns:1fr;gap:35px}.download h2{font-size:39px}.download-buttons .button{padding:13px 16px;font-size:12px}.phone{width:225px;transform:rotate(4deg);margin:5px auto 15px}.phone-cover{height:210px}footer{margin:15px 20px;padding:28px 0}.foot-brand span{display:block;margin-left:0;margin-top:10px}footer>p{flex-direction:column;line-height:1.7;gap:8px}.detail-grid{grid-template-columns:1fr;gap:25px}.detail-grid>.cover{max-width:300px;width:100%;justify-self:center}.detail-copy h1{font-size:36px}.detail-copy h2{font-size:17px}.detail-copy p{font-size:14px}.detail-copy .hero-actions{flex-wrap:wrap;gap:12px}.chapter-section{margin:40px 0}.chapter-row{font-size:12px}.chapter-row small{margin-right:10px}.chapter-row b{font-size:11px;white-space:nowrap}.reader{padding:20px 0}.reader-nav{padding:0 15px;font-size:11px}.reader-nav>span{display:none}.reader-heading{margin:40px 20px 25px}.reader-heading h1{font-size:25px}.reader-heading .eyebrow{font-size:9px;letter-spacing:1px}.story-text{padding:30px 20px}.reader-end{margin:0 20px}.story-text p{gap:15px}.breadcrumb{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero h1{font-size:clamp(40px,4.7vw,65px);letter-spacing:-2px}.story-text{max-width:780px;margin:0 auto}.story-text p{font-size:16px;line-height:2.15;margin-bottom:25px}.story-text h2{margin-bottom:28px}.hero-art{transform:none}.reader-heading h1{font-size:28px}.card h3{font-size:20px}@media(max-width:640px){.hero h1{font-size:43px}.story-text p{font-size:15px}.reader-heading h1{font-size:23px}.card h3{font-size:18px}.filter{padding:8px 10px}.hero-art{height:310px}}
.cover img{width:200%;height:300%;object-fit:fill}.hero-art>img{width:200%;height:300%;object-fit:fill;transform:none}.card:hover img{transform:scale(1.02)}