@import "https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";
:root{--bg:#070808;--bg-warm:#271512;--paper:#f1ede4;--paper-soft:#f7f3eb;--line:#cdc2af;--line-soft:#ddd3c3;--ink:#2c261f;--muted:#786f62;--accent:#aa3f31;--accent-deep:#8c3228;--shadow:0 26px 70px #0000006b;--font-body:"Noto Serif SC","Songti SC","STSong",serif;--font-mono:"IBM Plex Mono","SFMono-Regular",Menlo,Monaco,Consolas,monospace;--font-signature:"Caveat","Kaiti SC","STKaiti",cursive}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:var(--bg);font-family:var(--font-body),serif;letter-spacing:.01em;text-rendering:geometricPrecision;line-height:1.78}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.shell{min-height:100svh;padding:calc(58px + env(safe-area-inset-top))18px calc(56px + env(safe-area-inset-bottom));place-items:center;display:grid;position:relative;overflow-x:clip}.texture{z-index:-1;background:radial-gradient(circle at 10% 8%,#aa3f3142,#0000 30%),radial-gradient(circle at 85% 90%,#aa3f3133,#0000 34%),linear-gradient(152deg,#160f0e 0%,#090a0d 42%,#060607 100%);position:absolute;inset:0}.texture:after{content:"";opacity:.28;background:repeating-linear-gradient(-24deg,#ffffff05 0 1px,#0000 1px 14px);position:absolute;inset:0}.paper-card{background:linear-gradient(180deg,#ffffff73,#fff3),var(--paper);width:min(1020px,100%);box-shadow:var(--shadow);isolation:isolate;border:1px solid #4d473d;border-radius:30px;padding:44px clamp(18px,4vw,62px) 56px;position:relative}.paper-card:before{content:"";pointer-events:none;border:1px solid #8a7d6a40;border-radius:20px;position:absolute;inset:16px}.topbar{justify-content:space-between;align-items:center;gap:24px;display:flex}.branding{align-items:center;gap:12px;display:flex}.signature{font-family:var(--font-signature),cursive;margin:0;font-size:clamp(2rem,5vw,3.35rem);font-weight:700;line-height:1}.stamp{border:1.5px solid var(--accent);width:30px;height:30px;color:var(--accent);font-family:var(--font-mono),monospace;place-items:center;margin-top:8px;font-size:.82rem;font-weight:600;display:grid}.lang{color:var(--muted);font-family:var(--font-mono),monospace;letter-spacing:.08em;align-items:center;gap:8px;font-size:.88rem;display:flex}.lang-link{opacity:.65;transition:opacity .2s}.lang-link:hover,.lang-link:focus-visible{opacity:1}.lang-active{color:var(--ink);opacity:1;font-weight:600}.meta{color:var(--muted);font-family:var(--font-mono),monospace;letter-spacing:.03em;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 34px;margin-top:28px;font-size:.92rem;display:grid}.meta p,.meta a{margin:0}.meta a,.meta-location{align-items:center;gap:8px;display:inline-flex}.meta-icon{color:#8d8373;flex-shrink:0;width:1.02rem;height:1.02rem;display:inline-flex}.meta-icon svg{width:100%;height:100%}.ink-line{position:relative}.ink-line:after{content:"";opacity:.5;background:currentColor;width:0;height:1px;transition:width .25s;position:absolute;bottom:-2px;left:0}.ink-line:hover:after,.ink-line:focus-visible:after{width:100%}.block{margin-top:52px}.chapter{position:relative}.section-head{align-items:baseline;gap:12px;display:flex}.section-head:after{content:"";border-bottom:1px solid var(--line);transform-origin:0;flex:1;animation:.9s both line-reveal}.section-head-center{justify-content:center}.section-head-center:after{display:none}.section-index{font-family:var(--font-mono),monospace;color:var(--accent);letter-spacing:.24em;font-size:.82rem;font-weight:600}.label{font-family:var(--font-mono),monospace;color:#8f8577;letter-spacing:.24em;margin:0;font-size:.76rem}.section-subline{color:#6f6558;max-width:64ch;margin:12px 0 0;font-size:.95rem}.section-subline-center{text-align:center;margin-left:auto;margin-right:auto}.positioning-title{max-width:31ch;margin:20px 0 0;font-size:clamp(1.2rem,2.2vw,1.95rem);line-height:1.45}.positioning-subtitle{color:#605649;max-width:58ch;margin:10px 0 0;line-height:1.82}.positioning-proofs{gap:8px;max-width:62ch;margin:14px 0 0;padding:0;list-style:none;display:grid}.positioning-proofs li{color:#4f463b;align-items:flex-start;gap:8px;display:flex}.positioning-proofs li:before{content:"·";color:var(--accent);font-size:1.2rem;line-height:1.2}.positioning-proofs li:first-child{color:#f9f1ea;background:var(--accent);border-radius:4px;width:fit-content;padding:.12em .3em;display:inline-flex}.positioning-proofs li:first-child:before{color:#f9f1ea}.editor-note{border-left:2px solid var(--line);color:#6f6456;margin:16px 0 0;padding-left:12px;font-size:.9rem}.lead-case{border:1px solid var(--line);background:var(--paper-soft);border-radius:18px;margin-top:18px;padding:22px 22px 18px;position:relative;overflow:hidden;box-shadow:0 12px 28px #8559481f}.lead-case:before{content:"主";border:1px solid var(--accent);color:var(--accent);width:24px;height:24px;font-family:var(--font-mono),monospace;place-items:center;font-size:.72rem;display:grid;position:absolute;top:14px;right:16px}.lead-case-head h2{margin:0;font-size:clamp(1.3rem,2.2vw,1.72rem)}.lead-case-head p{color:#5f5548;max-width:68ch;margin:10px 0 0;line-height:1.8}.lead-kicker{font-family:var(--font-mono),monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:.74rem}.metric-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 0;padding:0;list-style:none;display:grid}.metric-strip li{border-right:1px solid var(--line-soft);gap:5px;padding:12px 14px;display:grid}.metric-strip li:last-child{border-right:0}.metric-strip span{font-family:var(--font-mono),monospace;color:#7a7063;letter-spacing:.05em;text-transform:uppercase;font-size:.72rem}.metric-strip strong{color:#332c23;font-size:clamp(.98rem,1.5vw,1.08rem)}.case-narrative{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.case-block{border:1px dashed var(--line);background:#ffffff80;border-radius:12px;padding:12px}.case-block-label{font-family:var(--font-mono),monospace;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.7rem}.case-block p{color:#564d42;margin:8px 0 0;font-size:.94rem;line-height:1.78}.lead-case-foot{justify-content:space-between;align-items:center;gap:16px;margin-top:14px;display:flex}.case-link,.work-link{font-family:var(--font-mono),monospace;letter-spacing:.06em;color:var(--accent);text-transform:uppercase;font-size:.78rem}.case-link{white-space:nowrap}.case-note{color:#756b5f;margin:10px 0 0;font-size:.84rem}.support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.support-item{border:1px solid var(--line);background:#ffffff73;border-radius:14px;padding:14px;transition:transform .22s,box-shadow .22s,border-color .22s}.support-item:hover,.support-item:focus-visible{border-color:#be887f;transform:translateY(-3px);box-shadow:0 10px 20px #733a3124}.support-item h3{margin:0;font-size:1.16rem}.support-item p{color:#60564a;margin:10px 0 0;font-size:.95rem}.support-evidence{color:#53483c;border-left:2px solid #d9c8b3;padding-left:10px}.tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tags span{font-family:var(--font-mono),monospace;color:#665c50;background:#f7f2e9;border:1px solid #d6ccb9;border-radius:999px;padding:3px 10px;font-size:.72rem}.work-link{margin:12px 0 0}.showcase-carousel{scroll-margin-top:16px}.showcase-anchors{position:relative}.showcase-anchor{visibility:hidden;height:0;display:block;position:relative;top:-12px}.showcase-nav{flex-wrap:wrap;justify-content:center;gap:8px 10px;margin-top:16px;display:flex}.showcase-tab{border:1px solid var(--line);font-family:var(--font-mono),monospace;letter-spacing:.04em;color:#6e6457;border-radius:999px;padding:7px 12px;font-size:.74rem;transition:border-color .2s,color .2s,background-color .2s}.showcase-tab.is-active{border-color:var(--accent);color:var(--accent);background:#f7eee9}.showcase-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.showcase-stage{margin-top:14px}.showcase-item[hidden]{display:none}.video-wrap{border:1px solid var(--line);background:#e8e3d8;border-radius:16px;width:min(100%,495px);margin-inline:auto;overflow:hidden}.video-wrap-wide{width:min(100%,860px)}.feature-video{aspect-ratio:3/4;object-fit:contain;background:#111;width:100%;height:auto;display:block}.feature-video-wide{aspect-ratio:16/9}.site-preview-wrap{border:1px solid var(--line);background:#e8e3d8;border-radius:16px;width:min(100%,390px);margin-inline:auto;overflow:hidden}.site-preview-frame{aspect-ratio:390/844;background:#f7f4ed;border:0;width:100%;height:auto;display:block}.site-preview-link{width:100%;font-family:var(--font-mono),monospace;color:var(--accent);letter-spacing:.05em;text-transform:uppercase;justify-content:center;align-items:center;margin-top:10px;font-size:.77rem;display:flex}.showcase-caption{text-align:center;color:#7b7164;font-family:var(--font-mono),monospace;letter-spacing:.04em;margin:10px 0 0;font-size:.74rem}.capability-matrix{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.capability-card{border:1px solid var(--line);background:linear-gradient(#ffffffa8,#ffffff47),#ffffff70;border-radius:14px;padding:14px;position:relative;overflow:hidden;box-shadow:0 10px 20px #784d3f14}.capability-card:before{content:"";background:linear-gradient(90deg,#aa3f31d9,#aa3f3133);height:2px;position:absolute;inset:0 0 auto}.capability-pillar{font-family:var(--font-mono),monospace;letter-spacing:.14em;color:var(--accent);text-transform:uppercase;margin:0;font-size:.68rem}.capability-card h3{margin:8px 0 0;font-size:1.06rem}.capability-card p{color:#5e5448;margin:10px 0 0;font-size:.93rem}.capability-highlights{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.capability-highlights li{color:#51473b;align-items:flex-start;gap:8px;font-size:.9rem;display:flex}.capability-highlights li:before{content:"·";color:var(--accent);line-height:1}.capability-tools{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.capability-tools span{font-family:var(--font-mono),monospace;color:#655b4f;background:#f7f2e9;border:1px solid #d6ccb9;border-radius:999px;padding:3px 10px;font-size:.7rem}.capability-outcome{color:#5f5549;border-top:1px dashed #d7cbb9;margin:12px 0 0;padding-top:10px;font-size:.86rem;line-height:1.7}.lead{max-width:45ch;margin:0;font-size:clamp(1.04rem,1.9vw,1.34rem);line-height:1.88}.compact{margin-top:14px}.cta-row{gap:12px;margin-top:18px;display:flex}.cta-primary,.cta-secondary{font-family:var(--font-mono),monospace;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:11px 20px;font-size:.82rem;transition:transform .22s,box-shadow .22s}.cta-primary{background:var(--accent);color:#fff4f1}.cta-secondary{border:1px solid var(--line);color:#645b4f}.cta-primary:hover,.cta-secondary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00000024}.reveal{opacity:0;animation:.58s cubic-bezier(.22,.72,.26,1) forwards rise-in;transform:translateY(10px)}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.12s}.delay-3{animation-delay:.17s}.delay-4{animation-delay:.22s}.delay-5{animation-delay:.27s}.delay-6{animation-delay:.32s}.delay-7{animation-delay:.37s}.delay-8{animation-delay:.42s}.delay-9{animation-delay:.47s}@keyframes rise-in{to{opacity:1;transform:none}}@keyframes line-reveal{0%{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}@media (max-width:960px){.case-narrative,.support-grid{grid-template-columns:1fr}.capability-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-strip{grid-template-columns:1fr}.metric-strip li{border-right:0;border-bottom:1px solid var(--line-soft)}.metric-strip li:last-child{border-bottom:0}}@media (max-width:700px){.shell{padding:calc(18px + env(safe-area-inset-top))12px calc(24px + env(safe-area-inset-bottom));place-items:start center}.paper-card{border-radius:22px;padding:22px 16px 30px}.paper-card:before{border-radius:14px;inset:10px}.meta{grid-template-columns:1fr;gap:8px;margin-top:20px;font-size:.85rem}.block{margin-top:34px}.section-head{gap:8px}.section-index{letter-spacing:.18em;font-size:.74rem}.positioning-title{margin-top:16px}.lead-case{padding:16px 14px 14px}.lead-case:before{top:10px;right:10px}.lead-case-foot{flex-direction:column;align-items:flex-start}.cta-row{flex-wrap:wrap}.capability-matrix{grid-template-columns:1fr}.reveal{opacity:1;animation:none;transform:none}}@media (prefers-reduced-motion:reduce){.reveal,.section-head:after{opacity:1;animation:none;transform:none}.support-item,.cta-primary,.cta-secondary,.showcase-tab{transition:none}}