:root{--paper:#fff;--ink:#0b0b0b;--muted:#666;--line:#d7d7d7;--soft:#f3f3f1}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100dvh;color:var(--ink);background:var(--paper);font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif;line-height:1.68}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.paper-shell{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.catalog-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--ink);background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}
.catalog-nav{min-height:68px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px}
.catalog-brand{display:inline-flex;align-items:center;gap:9px;font-size:19px;font-weight:900;white-space:nowrap}.catalog-brand img{display:block;width:30px;height:30px;object-fit:contain}
.catalog-links{display:flex;justify-content:center;gap:clamp(18px,3vw,38px);font-size:13px}.catalog-links a{border-bottom:1px solid transparent}.catalog-links a:hover{border-color:var(--ink)}
.catalog-edition{font-size:10px;letter-spacing:.12em}
a:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.object-hero{min-height:calc(100dvh - 68px);padding:clamp(56px,7vw,86px) 0 42px}.object-layout{display:grid;grid-template-rows:auto 1fr auto;min-height:calc(100dvh - 166px);text-align:center}.object-heading p{margin:0 0 12px;font-size:11px;font-weight:900;letter-spacing:.18em}.object-heading h1{margin:0;font-size:clamp(36px,5vw,64px);font-weight:600;line-height:1.05;letter-spacing:-.045em}.object-heading span{display:block;margin-top:14px;color:var(--muted);font-size:13px}
.product-object{align-self:center;width:min(300px,34vw);height:auto;margin:34px auto 24px;padding:0;overflow:visible;transform:none}.product-object img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none;transform:none}.product-object figcaption{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:9px;text-align:left}.product-object figcaption b{text-align:center}.product-object figcaption small{text-align:right}
.single-action{align-self:end}.download-main{display:flex;align-items:center;justify-content:space-between;width:min(100%,620px);min-height:74px;margin-inline:auto;padding:0 28px;border:1px solid var(--ink);color:#fff;background:var(--ink);font-size:18px;font-weight:900;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;transition:background .2s ease,color .2s ease}.download-main:hover{color:var(--ink);background:#fff}.download-main span{font-size:24px}.single-action p{margin:12px 0 0;color:var(--muted);font-size:12px}
.product-summary,.use-sequence,.platform-index,.interface-spread,.selection-notes,.reading-index,.minimal-faq{padding:clamp(88px,11vw,144px) 0;border-top:1px solid var(--ink)}
.summary-layout,.notes-layout,.reading-layout,.faq-layout{display:grid;grid-template-columns:240px 1fr;gap:clamp(50px,9vw,130px)}.summary-layout header,.notes-layout header,.reading-layout header,.faq-layout header,.number-heading,.platform-layout>header,.spread-layout>header{display:grid;grid-template-columns:36px 1fr;align-items:start;gap:15px}.summary-layout header span,.notes-layout header span,.reading-layout header span,.faq-layout header span,.number-heading>span,.platform-layout>header>span,.spread-layout>header>span{font:700 11px/1.4 Consolas,monospace}.summary-layout h2,.number-heading h2,.platform-layout h2,.spread-layout h2,.notes-layout h2,.reading-layout h2,.faq-layout h2,.last-layout h2{margin:0;font-size:clamp(34px,4.6vw,58px);font-weight:600;line-height:1.06;letter-spacing:-.045em}.summary-lines{border-top:1px solid var(--ink)}.summary-lines p{display:grid;grid-template-columns:150px 1fr;gap:30px;margin:0;padding:22px 0;border-bottom:1px solid var(--line)}.summary-lines span{color:var(--muted)}
.use-sequence{background:var(--soft)}.number-heading{grid-template-columns:36px 1fr 1fr;margin-bottom:64px}.number-heading p{margin:5px 0 0;color:var(--muted);text-align:right}.three-steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}.three-steps li{display:grid;grid-template-columns:100px 1fr 200px;gap:34px;align-items:start;padding:30px 0;border-bottom:1px solid var(--ink)}.three-steps li>span{font-size:42px;font-weight:300;line-height:1}.three-steps h3,.three-steps p{margin:0}.three-steps h3{font-size:23px}.three-steps p{margin-top:6px;color:var(--muted)}.three-steps a,.three-steps em{justify-self:end;font-size:12px;font-style:normal;font-weight:800}
.platform-layout{display:grid;grid-template-columns:340px 1fr;gap:clamp(50px,9vw,130px)}.platform-layout>header{grid-template-columns:36px 1fr}.platform-layout>header p{grid-column:2;margin:15px 0 0;color:var(--muted)}.platform-list{border-top:1px solid var(--ink)}.platform-list a{display:grid;grid-template-columns:1fr 1fr 36px;gap:24px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.platform-list a:hover{padding-left:10px}.platform-list span{color:var(--muted);font-size:12px}.platform-list i{text-align:right;font:400 10px Consolas,monospace}
.interface-spread{background:#0c0c0c;color:#fff}.spread-layout{display:grid;grid-template-columns:340px 1fr;gap:clamp(50px,9vw,130px);align-items:center}.spread-layout>header{grid-template-columns:36px 1fr}.spread-layout>header p{grid-column:2;color:#aaa}.spread-layout figure{align-self:center;height:auto;margin:0;padding:0;overflow:visible;transform:none}.spread-layout figure img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none;transform:none}.spread-layout figcaption{padding-top:10px;border-top:1px solid #444;color:#999;font-size:9px}
.plain-notes{border-top:1px solid var(--ink)}.plain-notes article{display:grid;grid-template-columns:220px 1fr;gap:40px;padding:24px 0;border-bottom:1px solid var(--line)}.plain-notes h3,.plain-notes p{margin:0}.plain-notes p{color:var(--muted)}
.reading-index{background:var(--soft)}.reading-list{border-top:1px solid var(--ink)}.reading-list article{display:grid;grid-template-columns:80px 1fr 1fr 60px;gap:24px;align-items:start;padding:25px 0;border-bottom:1px solid var(--line)}.reading-list small{font-weight:900}.reading-list h3,.reading-list p{margin:0}.reading-list p{color:var(--muted)}.reading-list a{text-align:right;font-weight:800}
.faq-layout header{position:relative}.faq-layout header>a{grid-column:2;margin-top:18px;font-size:12px;font-weight:800}.question-list{border-top:1px solid var(--ink)}.question-list details{border-bottom:1px solid var(--line)}.question-list summary{padding:22px 36px 22px 0;cursor:pointer;list-style:none;font-weight:800}.question-list summary::-webkit-details-marker{display:none}.question-list p{margin:0 0 22px;color:var(--muted)}
.last-action{padding:clamp(82px,10vw,130px) 0;color:#fff;background:var(--ink);text-align:center}.last-layout>p{margin:0 0 20px;font-size:11px;letter-spacing:.16em}.last-layout h2{max-width:16ch;margin-inline:auto;font-size:clamp(40px,6vw,76px)}.download-main--inverse{margin-top:42px;border-color:#fff;color:var(--ink);background:#fff}.download-main--inverse:hover{color:#fff;background:var(--ink)}
.catalog-footer{padding:50px 0 22px;border-top:1px solid var(--ink)}.footer-layout{display:grid;grid-template-columns:1.5fr .6fr .6fr;gap:44px}.footer-layout h3{margin:0 0 10px;font-size:12px}.footer-layout>div>a:not(.catalog-brand){display:block;margin:7px 0;color:var(--muted);font-size:12px}.footer-layout>div:first-child p{color:var(--muted);font-size:12px}.catalog-copyright{grid-column:1/4;margin:20px 0 0;padding-top:17px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}
@media(max-width:900px){.summary-layout,.notes-layout,.reading-layout,.faq-layout,.platform-layout,.spread-layout{grid-template-columns:1fr}.summary-layout>header,.notes-layout>header,.reading-layout>header,.faq-layout>header{margin-bottom:38px}.number-heading{grid-template-columns:36px 1fr}.number-heading p{grid-column:2;text-align:left}.reading-list article{grid-template-columns:70px 1fr}.reading-list p{grid-column:2}.reading-list a{grid-column:2;text-align:left}}
@media(max-width:640px){.paper-shell{width:min(100% - 24px,1120px)}.catalog-nav{grid-template-columns:auto auto}.catalog-edition{justify-self:end}.catalog-links{grid-column:1/3;grid-row:2;justify-content:flex-start;overflow-x:auto;padding:10px 0}.object-hero{min-height:auto}.object-layout{min-height:auto}.product-object{width:210px;margin-block:45px}.download-main{min-height:62px;padding-inline:18px;font-size:16px}.summary-layout,.notes-layout,.reading-layout,.faq-layout{gap:0}.summary-lines p,.plain-notes article{grid-template-columns:1fr;gap:7px}.three-steps li{grid-template-columns:54px 1fr}.three-steps a,.three-steps em{grid-column:2;justify-self:start}.platform-layout{gap:38px}.platform-list a{grid-template-columns:1fr auto}.platform-list span{grid-column:1}.platform-list i{grid-column:2;grid-row:1/3}.spread-layout{gap:38px}.reading-list article{grid-template-columns:1fr;gap:8px}.reading-list p,.reading-list a{grid-column:auto}.footer-layout{grid-template-columns:1fr 1fr}.footer-layout>div:first-child{grid-column:1/3}.catalog-copyright{grid-column:1/3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.download-main{transition:none}}
.product-object,.spread-layout figure{align-self:center;height:auto;padding:0;margin-top:0;margin-bottom:0;overflow:visible;transform:none}.product-object img,.spread-layout figure img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none;transform:none}