:root{--ink:#08080a;--ink-2:#0d0d11;--paper:#eceae4;--paper-dim:rgba(236,234,228,.55);--paper-faint:rgba(236,234,228,.28);--gold:#cf7954;--gold-dim:rgba(207,121,84,.55);--gold-faint:rgba(207,121,84,.16);--serif:"Songti SC","Noto Serif SC","STSong","SimSun",serif;--sans:"PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei",-apple-system,sans-serif;--ease:cubic-bezier(.16,1,.3,1)}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--ink);color:var(--paper);overflow-x:hidden}body{font-family:var(--sans);font-weight:300;line-height:1.9;-webkit-font-smoothing:antialiased;letter-spacing:.02em}::selection{background:var(--gold);color:var(--ink)}a{color:inherit;text-decoration:none}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}#veil{position:fixed;inset:0;z-index:100;background:var(--ink);display:flex;align-items:center;justify-content:center;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),visibility 1.2s}#veil.off{opacity:0;visibility:hidden}.veil-logo{width:clamp(220px,36vw,400px);color:var(--gold);text-align:center}.veil-logo svg{display:block;width:100%;height:auto}.veil-line{display:block;margin:34px auto 0;width:72px;height:1px;background:var(--gold);transform-origin:50% 50%}.veil-sub{margin-top:26px;font-size:12px;letter-spacing:.62em;text-indent:.62em;color:var(--paper-dim)}#flow{position:fixed;inset:0;z-index:0;pointer-events:none}.grain{position:fixed;inset:-50%;z-index:1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");animation:grain 7s steps(8) infinite}@keyframes grain{0%,to{transform:translate(0)}25%{transform:translate(-2%,3%)}50%{transform:translate(3%,-2%)}75%{transform:translate(-3%,-3%)}}header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:34px 5vw}.logo{display:block}.logo svg{display:block;width:98px;height:auto;color:var(--gold)}.logo em{font-style:normal;font-family:var(--sans);font-size:10px;letter-spacing:.42em;color:var(--paper-dim);display:block;margin-top:9px}.nav-cta{display:inline-block;font-size:12px;letter-spacing:.38em;color:var(--paper-dim);padding-bottom:6px;border-bottom:1px solid var(--paper-faint);transition:color .5s,border-color .5s;cursor:pointer;background:none}.nav-cta:hover{color:var(--paper);border-color:var(--paper)}#progress{position:fixed;top:0;left:0;height:2px;width:100%;background:var(--gold);z-index:60;transform-origin:0 50%}.side-name{position:fixed;right:26px;bottom:5vh;z-index:40;writing-mode:vertical-rl;font-size:10px;letter-spacing:.6em;color:var(--paper-faint)}.side-count{position:fixed;left:30px;bottom:5vh;z-index:40;font-size:11px;letter-spacing:.3em;color:var(--paper-faint);font-variant-numeric:tabular-nums}.side-count b{color:var(--gold);font-weight:400}main{position:relative;z-index:5}section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:16vh 8vw;position:relative}.tag{display:flex;align-items:center;gap:18px;margin-bottom:7vh;font-size:11px;letter-spacing:.5em;color:var(--gold-dim)}.tag:before{content:"";width:44px;height:1px;background:var(--gold-dim)}h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,5.2vw,72px);line-height:1.5;letter-spacing:.06em;margin-bottom:6vh;max-width:22em}.ghost{position:absolute;right:2vw;top:50%;transform:translateY(-50%);font-family:var(--serif);font-size:clamp(200px,32vw,480px);color:transparent;-webkit-text-stroke:1px rgba(236,234,228,.045);line-height:1;pointer-events:none;user-select:none;z-index:-1}#s1{align-items:flex-start;justify-content:center}#s1 h1{font-family:var(--serif);font-weight:400;font-size:clamp(40px,7vw,104px);line-height:1.55;letter-spacing:.04em}#s1 h1 .ch{display:inline-block;will-change:transform}#s1 h1 .em{color:var(--gold);white-space:nowrap}#s1 .sub{margin-top:7vh;font-size:clamp(13px,1.2vw,16px);letter-spacing:.34em;color:var(--paper-dim)}#s1 .sub b{font-weight:400;color:var(--paper)}.scroll-hint{position:absolute;bottom:6vh;left:8vw;display:flex;align-items:center;gap:16px;font-size:10px;letter-spacing:.5em;color:var(--paper-faint)}.scroll-hint i{display:block;width:1px;height:56px;background:linear-gradient(var(--paper-faint),transparent);position:relative;overflow:hidden}.scroll-hint i:after{content:"";position:absolute;top:-40%;left:0;width:100%;height:40%;background:var(--gold);animation:drip 2.4s var(--ease) infinite}@keyframes drip{to{top:120%}}#s2 p{max-width:34em;font-size:clamp(15px,1.35vw,19px);color:var(--paper-dim);margin-bottom:2.6em}#s2 p strong{font-weight:400;color:var(--paper)}#s2 .verdict{font-family:var(--serif);font-size:clamp(22px,2.6vw,36px);color:var(--paper);letter-spacing:.08em;line-height:1.8;border-left:1px solid var(--gold);padding-left:2em;margin-top:4vh;max-width:26em}#s3 .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw;margin:6vh 0;max-width:1100px}#s3 .col{border-top:1px solid rgba(236,234,228,.14);padding-top:28px}#s3 .col i{font-family:var(--serif);font-style:normal;font-size:13px;letter-spacing:.4em;color:var(--gold-dim);display:block;margin-bottom:18px}#s3 .col h3{font-family:var(--serif);font-weight:400;font-size:clamp(19px,1.7vw,24px);letter-spacing:.1em;margin-bottom:14px}#s3 .col p{font-size:14px;color:var(--paper-dim);line-height:2}#s3 .hint{margin-top:8vh;max-width:36em;font-size:clamp(14px,1.25vw,17px);color:var(--paper-dim);line-height:2.2}#s3 .hint em{font-style:normal;color:var(--gold);border-bottom:1px solid var(--gold-faint);padding-bottom:2px}#s4 .lead{font-family:var(--serif);font-size:clamp(26px,3.4vw,48px);letter-spacing:.08em;margin-bottom:8vh}#s4 .fields{display:grid;grid-template-columns:1fr 1fr;gap:5vw;max-width:1100px}.field{position:relative;padding:44px 40px 40px;border:1px solid rgba(236,234,228,.1);transition:border-color .8s var(--ease),background .8s var(--ease);overflow:hidden}.field:hover{border-color:var(--gold-dim);background:#cf795408}.field .no{position:absolute;top:24px;right:28px;font-size:11px;letter-spacing:.3em;color:var(--paper-faint)}.field h3{font-family:var(--serif);font-weight:400;font-size:clamp(20px,1.9vw,27px);letter-spacing:.12em;margin-bottom:6px}.field .en{font-size:10px;letter-spacing:.4em;color:var(--gold-dim);margin-bottom:26px}.field p{font-size:14px;color:var(--paper-dim);line-height:2.1}#s4 .foot{margin-top:7vh;font-size:13px;letter-spacing:.24em;color:var(--paper-faint)}#s1 .sub2{margin-top:2.4vh;font-size:clamp(11px,1vw,13px);letter-spacing:.3em;color:var(--gold-dim)}#s1 .sub2 b{font-weight:400;color:var(--gold)}#sn .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:1100px;border-top:1px solid rgba(236,234,228,.12);border-left:1px solid rgba(236,234,228,.12)}#sn .metric{padding:44px 36px 38px;border-right:1px solid rgba(236,234,228,.12);border-bottom:1px solid rgba(236,234,228,.12)}#sn .metric b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.4vw,52px);letter-spacing:.04em;color:var(--gold);line-height:1.2;font-variant-numeric:tabular-nums;margin-bottom:14px}#sn .metric span{display:block;font-size:14px;color:var(--paper);letter-spacing:.14em;margin-bottom:8px}#sn .metric i{font-style:normal;font-size:10px;letter-spacing:.34em;color:var(--paper-faint)}#sn .metrics-note{margin-top:5vh;font-size:12px;letter-spacing:.22em;color:var(--paper-faint)}#sc .cases{display:grid;grid-template-columns:1fr 1fr;gap:5vw;max-width:1100px}.case{position:relative;padding:44px 40px 40px;border:1px solid rgba(236,234,228,.1);transition:border-color .8s var(--ease),background .8s var(--ease)}.case:hover{border-color:var(--gold-dim);background:#cf795408}.case .no{position:absolute;top:24px;right:28px;font-size:11px;letter-spacing:.3em;color:var(--paper-faint)}.case h3{font-family:var(--serif);font-weight:400;font-size:clamp(20px,1.9vw,27px);letter-spacing:.12em;margin-bottom:6px}.case .en{font-size:10px;letter-spacing:.4em;color:var(--gold-dim);margin-bottom:26px}.case dl{margin:0 0 24px;border-top:1px solid rgba(236,234,228,.1)}.case dl div{display:flex;justify-content:space-between;align-items:baseline;padding:12px 0;border-bottom:1px solid rgba(236,234,228,.1)}.case dt{font-size:12px;letter-spacing:.2em;color:var(--paper-dim)}.case dd{margin:0;font-family:var(--serif);font-size:clamp(17px,1.6vw,22px);letter-spacing:.04em;color:var(--paper);font-variant-numeric:tabular-nums}.case dd:first-line{color:var(--paper)}.case p{font-size:13px;color:var(--paper-dim);line-height:2.1}#sc .case-verdict{font-family:var(--serif);font-size:clamp(20px,2.3vw,32px);color:var(--paper);letter-spacing:.08em;line-height:1.9;border-left:1px solid var(--gold);padding-left:2em;margin-top:8vh;max-width:30em}#sc .case-verdict em{font-style:normal;color:var(--gold)}#ss .systems{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw;margin:2vh 0 8vh;max-width:1100px}.system{border-top:1px solid rgba(236,234,228,.14);padding-top:28px}.system i{font-family:var(--serif);font-style:normal;font-size:13px;letter-spacing:.4em;color:var(--gold-dim);display:block;margin-bottom:18px}.system h3{font-family:var(--serif);font-weight:400;font-size:clamp(19px,1.7vw,24px);letter-spacing:.1em;margin-bottom:6px}.system .en{font-size:10px;letter-spacing:.34em;color:var(--gold-dim);margin-bottom:16px}.system p{font-size:14px;color:var(--paper-dim);line-height:2}#ss .systems-foot{font-size:13px;letter-spacing:.24em;color:var(--paper-faint);max-width:44em}#s5 .ways{max-width:1100px}.way{display:grid;grid-template-columns:minmax(140px,240px) 1fr auto;align-items:baseline;gap:4vw;padding:5.5vh 0;border-top:1px solid rgba(236,234,228,.12);cursor:default}.way:last-child{border-bottom:1px solid rgba(236,234,228,.12)}.way h3{font-family:var(--serif);font-weight:400;font-size:clamp(30px,4vw,54px);letter-spacing:.18em;transition:color .6s,transform .8s var(--ease)}.way p{font-size:14px;color:var(--paper-dim);max-width:30em;line-height:2}.way i{font-style:normal;font-size:11px;letter-spacing:.34em;color:var(--paper-faint);transition:color .6s}.way:hover h3{color:var(--gold);transform:translate(10px)}.way:hover i{color:var(--gold-dim)}#s6{justify-content:flex-end;padding-bottom:0}#s6 .invite{font-family:var(--serif);font-weight:400;font-size:clamp(38px,6vw,88px);letter-spacing:.06em;line-height:1.5;margin-bottom:6vh}#s6 .invite span{color:var(--gold)}.qrs{display:flex;gap:32px;flex-wrap:wrap;margin-bottom:6vh}.qr{margin:0}.qr img{display:block;width:156px;height:auto;border-radius:14px;box-shadow:0 0 0 1px #eceae414,0 26px 60px #0000008c}.qr figcaption{margin-top:16px;font-size:11px;letter-spacing:.34em;color:var(--paper-faint);text-align:center}.mail{display:inline-flex;align-items:center;gap:22px;font-size:clamp(15px,1.5vw,20px);letter-spacing:.14em;color:var(--paper-dim);margin-bottom:3vh;transition:color .5s}.mail .arrow{font-family:var(--serif);display:inline-block;transition:transform .6s var(--ease)}.mail:hover{color:var(--gold)}.mail:hover .arrow{transform:translate(10px)}#s6 .promise{font-size:13px;letter-spacing:.2em;color:var(--paper-faint);margin-bottom:12vh}footer{border-top:1px solid rgba(236,234,228,.1);padding:34px 0 40px;display:flex;flex-wrap:wrap;gap:14px 4vw;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.18em;color:var(--paper-faint)}footer a:hover{color:var(--paper-dim)}@media(max-width:860px){section{padding:13vh 7vw}.side-name,.side-count{display:none}#s3 .cols,#s4 .fields,#sc .cases,#ss .systems{grid-template-columns:1fr;gap:34px}#sn .metrics{grid-template-columns:1fr 1fr}#sn .metric{padding:28px 22px 24px}.case{padding:34px 26px 30px}#sc .case-verdict{padding-left:1.2em}#s1 .sub2{letter-spacing:.18em;line-height:2.2}.way{grid-template-columns:1fr;gap:14px;padding:4.5vh 0}.way h3{transform:none!important}.ghost{opacity:.6}header{padding:22px 7vw}.logo svg{width:80px}.logo em{font-size:9px;margin-top:7px}.nav-cta{font-size:11px;letter-spacing:.28em}.scroll-hint{left:7vw;bottom:5vh}#s1 h1{font-size:8.2vw;line-height:1.85}#s1 .sub{letter-spacing:.2em;line-height:2.2;margin-top:5vh}.nw{white-space:nowrap}#s2 .verdict{padding-left:1.2em}.field{padding:34px 26px 30px}.qrs{gap:20px;margin-bottom:5vh}.qr img{width:min(150px,41vw)}.qr figcaption{margin-top:12px}#s6 .promise{margin-bottom:8vh;line-height:2.2}footer{flex-direction:column;align-items:flex-start;gap:10px;padding:28px 0 36px}}@media(prefers-reduced-motion:reduce){.grain{animation:none}.scroll-hint i:after{animation:none}}
