:root{--ink:#161411;--ink-soft:#2b2823;--paper:#eee9dd;--paper-deep:#d8d0c0;--mist:#b9c2bf;--blue:#55706f;--blue-dark:#314947;--rust:#9b5142;--line:#eee9dd33;--line-dark:#16141129;--max:1180px;--reading:760px;--font-serif-hk:"Chiron Sung HK Variable", "Noto Serif TC", "Songti TC", "PMingLiU", serif;--font-title:var(--font-hina-mincho), "Chiron Sung HK Variable", "Noto Serif TC", serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink);-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--ink);min-height:100vh;color:var(--paper);font-family:var(--font-serif-hk);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}body:before{content:"";z-index:-2;pointer-events:none;opacity:.22;mix-blend-mode:screen;background-image:radial-gradient(circle at 20% 15%,#ffffff14 0 1px,#0000 1px),radial-gradient(circle at 70% 65%,#ffffff0d 0 1px,#0000 1px);background-size:17px 19px,23px 29px;position:fixed;inset:0}body:after{content:"";z-index:-3;pointer-events:none;background:radial-gradient(circle at 78% 16%,#55706f2e,#0000 34%),radial-gradient(circle at 8% 82%,#9b514214,#0000 28%),linear-gradient(135deg,#171512,#11100e 55%,#171714);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;font-family:var(--font-serif-hk)}button,a{-webkit-tap-highlight-color:transparent}.shell{width:min(calc(100% - 40px), var(--max));margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:84px;display:flex}.brand{letter-spacing:.08em;align-items:baseline;gap:12px;display:inline-flex}.brand-cn{font-family:var(--font-title);font-size:1.25rem;font-weight:400}.brand-en,.hero-title-en,.art-number,.footer-domain{font-family:var(--font-sans-tc), sans-serif}.brand-en,.eyebrow,.micro{letter-spacing:.22em;text-transform:uppercase;color:#eee9dd94;font-size:.68rem}.site-nav{letter-spacing:.12em;align-items:center;gap:22px;font-size:.76rem;font-weight:500;display:flex}.site-nav a{color:#eee9ddb8;transition:color .2s}.site-nav a:hover{color:var(--paper)}.hero{grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);align-items:center;gap:clamp(44px,8vw,108px);min-height:calc(100svh - 85px);padding:74px 0 82px;display:grid}.hero-copy{z-index:2;position:relative}.hero h1{font-family:var(--font-title);letter-spacing:-.055em;margin:18px 0 14px;font-size:clamp(4rem,9vw,8.7rem);font-weight:400;line-height:.9}.hero-title-en{letter-spacing:.42em;color:var(--mist);margin:0 0 42px;font-size:clamp(.8rem,1.4vw,1rem)}.hero-lede{max-width:600px;font-family:var(--font-serif-hk);color:#eee9dde6;margin:0;font-size:clamp(1.17rem,2vw,1.55rem);line-height:1.9}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:40px;display:flex}.hero-actions>a.btn{font-family:var(--font-serif-hk)}.btn{min-height:48px;color:var(--paper);font-family:var(--font-serif-hk);letter-spacing:.1em;cursor:pointer;background:0 0;border:1px solid #eee9dd6b;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:.8rem;font-weight:500;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.btn:hover{background:#eee9dd0f;border-color:#eee9ddd9;transform:translateY(-1px)}.btn-primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}.btn-primary:hover{background:#fffaf0}.hero-art{isolation:isolate;min-height:min(68svh,690px);position:relative}.perception-frame{background:#171714;border:1px solid #eee9dd47;position:absolute;inset:3% 4% 7% 5%;overflow:hidden;box-shadow:0 35px 80px #00000061}.perception-frame:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#08090814,#0000 22% 72%,#0809085c);position:absolute;inset:0}.perception-frame:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(32% 30% at 63% 53%,#080a0952,#080a0921 54%,#0000 100%);position:absolute;inset:0}.hero-illustration{object-fit:cover;object-position:51% 48%;filter:saturate(.82)contrast(1.04)brightness(.91);position:absolute}.art-mark{writing-mode:vertical-rl;letter-spacing:.35em;color:#eee9dd61;font-size:.63rem;position:absolute;top:8%;right:-3%}.art-number{color:#eee9dd14;font-size:clamp(3rem,8vw,7rem);font-weight:200;line-height:1;position:absolute;bottom:2%;left:-1%}.section{border-top:1px solid var(--line);padding:110px 0}.section-grid{grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);gap:clamp(32px,9vw,120px);display:grid}.section h2{font-family:var(--font-serif-hk);margin:0;font-size:clamp(2rem,4vw,3.6rem);font-weight:600;line-height:1.15}.prose-large{color:#eee9ddc7;max-width:720px;font-family:var(--font-serif-hk);font-size:clamp(1.06rem,1.6vw,1.24rem);line-height:2}.prose-large p{margin:0 0 1.5em}.site-footer{border-top:1px solid var(--line);color:#eee9dd70;letter-spacing:.08em;justify-content:space-between;gap:24px;padding:34px 0 48px;font-size:.72rem;display:flex}.reader-page{background:var(--paper);min-height:100svh;color:var(--ink)}.reader-arrival{isolation:isolate;position:relative;overflow:hidden}.reader-arrival:before{content:"";pointer-events:none;z-index:30;background-image:radial-gradient(circle,#0000 calc(50% - 7px),#55706f1f calc(50% - 4px),#314947c7 calc(50% - 1px),#eee9ddf5 50%,#0000 calc(50% + 2px));background-position:50% 46%;background-repeat:no-repeat;animation:1.2s cubic-bezier(.12,.72,.12,1) both reader-arrival-ring;position:fixed;inset:0}.reader-arrival-surface{min-height:inherit}.reader-arrival>.reader-arrival-surface{animation:1.2s cubic-bezier(.12,.72,.12,1) both reader-arrival-content}@keyframes reader-arrival-ring{0%{opacity:.96;background-size:2vmin 2vmin}14%{opacity:.96;background-size:28vmin 28vmin}72%{opacity:.76;background-size:160vmax 160vmax}to{opacity:0;background-size:240vmax 240vmax}}@keyframes reader-arrival-content{0%{clip-path:circle(0 at 50% 46vh)}14%{clip-path:circle(14vmin at 50% 46vh)}72%{clip-path:circle(80vmax at 50% 46vh)}to{clip-path:circle(120vmax at 50% 46vh)}}.reader-page .site-header{border-color:var(--line-dark)}.reader-page .brand-en,.reader-page .eyebrow,.reader-page .micro,.reader-page .site-nav a{color:#16141185}.reader-page .site-nav a:hover{color:var(--ink)}.reader-main{width:min(100% - 40px,980px);margin:0 auto;padding:72px 0 100px}.reader-intro{border-bottom:1px solid var(--line-dark);grid-template-columns:minmax(0,1fr) minmax(220px,.55fr);align-items:end;gap:48px;padding-bottom:56px;display:grid}.reader-intro h1,.login-card h1,.feedback-head h1{font-family:var(--font-serif-hk);margin:12px 0 16px;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:600;line-height:1}.reader-note{color:#1614119e;font-size:.92rem;line-height:1.75}.chapter-grid{background:var(--line-dark);border:1px solid var(--line-dark);gap:1px;margin-top:44px;display:grid}.chapter-card{background:var(--paper);grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:24px;min-height:152px;padding:26px 28px;transition:background .18s;display:grid}.chapter-card:hover{background:#f5f0e6}.chapter-number{letter-spacing:-.05em;color:#16141147;font-size:2.6rem;font-weight:200}.chapter-title{font-family:var(--font-serif-hk);font-size:clamp(1.25rem,2.2vw,1.7rem);font-weight:500}.chapter-arrow{color:#16141161;font-size:1.4rem}.reader-tools{flex-wrap:wrap;gap:12px;margin-top:44px;display:flex}.reader-page .btn{color:var(--ink);border-color:#16141157}.reader-page .btn-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.article-shell{width:min(calc(100% - 40px), var(--reading));margin:0 auto;padding:64px 0 110px}.article-header{border-bottom:1px solid var(--line-dark);margin-bottom:54px;padding-bottom:38px}.article-header h1{font-family:var(--font-serif-hk);margin:10px 0 0;font-size:clamp(2.1rem,6vw,4.2rem);font-weight:600;line-height:1.15}.article-body{font-family:var(--font-serif-hk);letter-spacing:.015em;font-size:clamp(1.06rem,2.2vw,1.24rem);line-height:2.05}.article-body p{margin:0 0 1.55em}.article-body blockquote{border-left:2px solid var(--blue-dark);background:#31494711;margin:2.4em 0;padding:1.2em 1.5em;font-size:.97em}.article-body blockquote p:last-child{margin-bottom:0}.article-body h2,.article-body h3{margin:2.2em 0 1em;line-height:1.35}.article-nav{border-top:1px solid var(--line-dark);justify-content:space-between;gap:14px;margin-top:70px;padding-top:28px;display:flex}.login-wrap{background:radial-gradient(circle at 70% 20%, #55706f3d, transparent 30%), var(--ink);place-items:center;min-height:100svh;padding:28px;display:grid}.login-card{background:var(--paper);width:min(100%,520px);color:var(--ink);padding:clamp(28px,6vw,54px);box-shadow:0 30px 90px #00000073}.login-card h1{font-size:clamp(2.25rem,7vw,4.4rem)}.login-card p{color:#1614119e;line-height:1.75}.login-form{gap:12px;margin-top:30px;display:grid}.field{width:100%;min-height:52px;color:var(--ink);background:#fff6;border:1px solid #1614114d;border-radius:0;outline:none;padding:0 15px}.field:focus,.feedback-textarea:focus{border-color:var(--blue-dark);box-shadow:0 0 0 3px #31494717}.alert{border-left:2px solid var(--rust);color:#713c32;background:#9b51421a;margin:14px 0 0;padding:12px 14px;font-size:.84rem;line-height:1.6}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.unlock-stage{background:#0c0d0c;place-items:center;min-height:100svh;animation:2.7s cubic-bezier(.2,.72,.18,1) both unlock-settle;display:grid;position:relative;overflow:hidden}.unlock-stage:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#0000 calc(50% - 12px),#55706f14 calc(50% - 7px),#0000 calc(50% - 2px),#eee9ddb8 calc(50% - 1px),#b9c2bf9e 50%,#0000 calc(50% + 2px));background-position:50%;background-repeat:no-repeat;background-size:12vmin 12vmin;animation:2.7s cubic-bezier(.12,.68,.12,1) both unlock-domain;position:absolute;inset:0}.unlock-field{aspect-ratio:1;isolation:isolate;border-radius:50%;width:min(70vmin,680px);position:relative}.unlock-field:before,.unlock-field:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.unlock-field:before{z-index:2;opacity:.68;background:conic-gradient(from 18deg, transparent 0 12%, #eee9dd75 13% 16%, transparent 17% 39%, #55706f8f 40% 47%, transparent 48% 71%, #eee9dd57 72% 77%, transparent 78%);animation:2.7s cubic-bezier(.16,.68,.13,1) both unlock-lattice;inset:9%;-webkit-mask:radial-gradient(circle,#0000 0 54%,#000 55% 59%,#0000 60%);mask:radial-gradient(circle,#0000 0 54%,#000 55% 59%,#0000 60%)}.unlock-field:after{z-index:6;background-image:radial-gradient(circle,#0000 calc(50% - 16px),#55706f1a calc(50% - 10px),#0000 calc(50% - 3px),#eee9ddd1 calc(50% - 1px),#b9c2bfb3 50%,#0000 calc(50% + 3px));background-position:50%;background-repeat:no-repeat;background-size:3vmin 3vmin;border-radius:0;animation:2.7s cubic-bezier(.08,.72,.08,1) both unlock-shockwave;position:fixed;inset:0}.unlock-plane,.unlock-aperture,.unlock-scan{pointer-events:none;border-radius:50%;position:absolute}.unlock-plane{transform-origin:50%;background:0 0;border:1px solid #eee9dd29}.unlock-plane-a{animation:2.7s cubic-bezier(.12,.72,.1,1) both unlock-ring-a;inset:0}.unlock-plane-b{opacity:.72;animation:2.7s cubic-bezier(.16,.7,.12,1) both unlock-ring-b;inset:13%}.unlock-plane-c{opacity:.45;animation:2.7s cubic-bezier(.18,.68,.16,1) both unlock-ring-c;inset:28%}.unlock-aperture{z-index:3;background:conic-gradient(from 34deg, #55706fb8 0 13%, transparent 14% 39%, #eee9dd80 40% 54%, transparent 55% 78%, #314947c2 79% 92%, transparent 93%);border:0;animation:2.7s cubic-bezier(.12,.72,.1,1) both unlock-aperture;inset:20%;box-shadow:0 0 54px #b9c2bf3d,inset 0 0 76px #eee9dd1a;-webkit-mask:radial-gradient(circle,#0000 0 45%,#000 46% 50%,#0000 51%);mask:radial-gradient(circle,#0000 0 45%,#000 46% 50%,#0000 51%)}.unlock-scan{z-index:4;background:conic-gradient(from -35deg, transparent 0 76%, #eee9ddd1 80%, #b9c2bf1a 84%, transparent 89%);animation:2.7s cubic-bezier(.2,.68,.2,1) both unlock-scan;inset:4%;-webkit-mask:radial-gradient(circle,#0000 0 57%,#000 58% 60%,#0000 61%);mask:radial-gradient(circle,#0000 0 57%,#000 58% 60%,#0000 61%)}.unlock-fallback{color:#eee9ddb8;letter-spacing:.12em;font-size:.72rem;position:fixed;bottom:28px}@keyframes unlock-settle{0%{opacity:0}14%{opacity:1}54%{background:#131a18}70%{background:#2d403c}82%{opacity:1;background:#5c6c67}to{opacity:0;background:var(--paper)}}@keyframes unlock-domain{0%,12%{opacity:0;background-size:1vmin 1vmin}30%{opacity:.92}58%{opacity:.78;background-size:38vmin 38vmin}76%{opacity:.66;background-size:96vmin 96vmin}to{opacity:0;background-size:192vmin 192vmin}}@keyframes unlock-lattice{0%,12%{opacity:0;transform:rotate(-22deg)scale(.28)}38%{opacity:.8}72%{opacity:.72;transform:rotate(24deg)scale(1.06)}to{opacity:0;transform:rotate(54deg)scale(1.2)}}@keyframes unlock-ring-a{0%,10%{opacity:0;transform:scale(.18)}34%{opacity:.95}72%{opacity:.72;transform:scale(1.08)}to{opacity:0;transform:scale(1.35)}}@keyframes unlock-ring-b{0%,16%{opacity:0;transform:scale(.12)}42%{opacity:.72}75%{opacity:.58;transform:scale(1.05)}to{opacity:0;transform:scale(1.5)}}@keyframes unlock-ring-c{0%,22%{opacity:0;transform:scale(.08)}48%{opacity:.6}78%{opacity:.45;transform:scale(1.08)}to{opacity:0;transform:scale(1.65)}}@keyframes unlock-aperture{0%,14%{opacity:0;transform:scale(.04)}34%{opacity:1}62%{transform:scale(1.04)}78%{opacity:.94;transform:scale(.92)}to{opacity:0;transform:scale(1.35)}}@keyframes unlock-scan{0%,18%{opacity:0;transform:rotate(-70deg)scale(.36)}38%{opacity:1}76%{opacity:.9;transform:rotate(250deg)scale(1.04)}to{opacity:0;transform:rotate(390deg)scale(1.18)}}@keyframes unlock-shockwave{0%,48%{opacity:0;background-size:3vmin 3vmin}60%{opacity:1}76%{opacity:.9;background-size:105vmax 105vmax}88%{opacity:.55;background-size:178vmax 178vmax}to{opacity:0;background-size:220vmax 220vmax}}.feedback-head{max-width:720px;margin-bottom:52px}.feedback-head h1{font-size:clamp(2.4rem,6vw,5rem)}.feedback-form{gap:30px;display:grid}.feedback-item{gap:10px;display:grid}.feedback-item label{font-family:var(--font-serif-hk);font-size:1.05rem;font-weight:500;line-height:1.6}.feedback-index{color:#16141166;min-width:2em;display:inline-block}.feedback-textarea{resize:vertical;width:100%;min-height:132px;color:var(--ink);background:#ffffff57;border:1px solid #16141140;outline:none;padding:14px;line-height:1.7}.feedback-actions{flex-wrap:wrap;gap:12px;padding-top:8px;display:flex}.copy-status{color:#16141194;align-self:center;min-height:1em;font-size:.8rem}.feedback-unlock{background:#31494712;border:1px solid #16141133;margin-top:18px;padding:clamp(24px,5vw,42px)}.feedback-unlock h2{font-family:var(--font-serif-hk);margin:10px 0 12px;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600}.feedback-unlock p:not(.eyebrow){color:#161411a6;margin:0 0 22px;line-height:1.75}@media (max-width:820px){.shell{width:min(calc(100% - 28px), var(--max))}.site-header{min-height:72px}.site-nav a:not(.keep-mobile){display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:58px 0 74px}.hero-art{order:-1;min-height:490px}.hero h1{font-size:clamp(4.4rem,22vw,7.3rem)}.section{padding:78px 0}.section-grid,.reader-intro{grid-template-columns:1fr}.reader-main,.article-shell{width:min(100% - 28px,100%)}.chapter-card{grid-template-columns:54px minmax(0,1fr) auto;gap:14px;padding:22px 18px}.chapter-number{font-size:2rem}.site-footer{flex-direction:column}}@media (max-width:520px){.brand-en{display:none}.hero-art{min-height:410px}.perception-frame{inset:2% 0 4%}.hero-illustration{object-position:52% 44%}.hero-title-en{letter-spacing:.27em}.hero-actions,.reader-tools,.feedback-actions{grid-template-columns:1fr;display:grid}.btn{width:100%}.article-nav{flex-direction:column}.article-nav .btn{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}.unlock-stage,.unlock-stage:before,.unlock-field:before,.unlock-field:after,.unlock-plane,.unlock-aperture,.unlock-scan,.reader-arrival:before,.reader-arrival>.reader-arrival-surface{animation-duration:.15s!important}}