:root{--ink:#101820;--ink-soft:#2a3b42;--cinnabar:#9e2a2b;--cinnabar-soft:#c45c4a;--jade:#1f6f64;--jade-deep:#134e48;--gold:#c9a56a;--gold-bright:#e0c48a;--mist:#e8eef0;--paper:#f3f6f7;--line:#1018201a;--ok:#2f6b4f;--danger:#8b3a3a;--shadow:0 12px 40px #10182024;--shadow-float:0 10px 36px #10182029, 0 2px 8px #1018200f;--radius:16px;--font-display:"Cormorant Garamond", "Noto Serif SC", Georgia, serif;--font-cn:"Noto Serif SC", "Noto Sans SC", serif;--font-brush:"Ma Shan Zheng", "Noto Serif SC", cursive;--font-body:"Source Sans 3", "Noto Sans SC", "Noto Sans Arabic", system-ui, sans-serif;--font-ar:"Noto Naskh Arabic", "Noto Sans Arabic", serif;--nav-h:4.5rem;--float-inset:clamp(.65rem, 2vw, 1.15rem)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);font-family:var(--font-body);background:radial-gradient(1000px 520px at 8% -8%, #1f6f641f, transparent 55%), radial-gradient(800px 480px at 100% 0%, #9e2a2b12, transparent 48%), linear-gradient(180deg, var(--paper), var(--mist));margin:0;line-height:1.55}html[lang=ar] body{font-family:var(--font-ar), var(--font-body)}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;display:block}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar-float{z-index:50;padding:var(--float-inset) var(--float-inset) 0;pointer-events:none;position:fixed;top:0;left:0;right:0}.topbar{pointer-events:auto;height:var(--nav-h);-webkit-backdrop-filter:blur(18px)saturate(1.2);box-shadow:var(--shadow-float);background:#ffffffb8;border:1px solid #ffffffa6;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;margin:0;padding:0 .85rem 0 .65rem;animation:.7s cubic-bezier(.22,1,.36,1) both floatBarIn;display:flex}@keyframes floatBarIn{0%{opacity:0;transform:translateY(-14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.logo-mark{border-radius:50%;flex-shrink:0;place-items:center;width:2.85rem;height:2.85rem;display:grid;position:relative;overflow:hidden}.logo-mark img{object-fit:cover;width:100%;height:100%}.logo-mark-ring{background:radial-gradient(circle at 35% 30%,#ffffff8c,#0000 55%),linear-gradient(145deg,#f7f3ea,#e8dcc8);border:1.5px dashed #9e2a2b73;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 3px #c9a56a40}.logo-mark-inner{z-index:1;width:1.55rem;height:1.55rem;color:var(--cinnabar);position:relative}.logo-mark-svg{width:100%;height:100%;display:block}.brand-lockup{border-radius:999px;align-items:center;gap:.7rem;min-width:0;padding:.2rem;display:flex}.brand{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:min(22rem,42vw);font-size:.98rem;font-weight:700;line-height:1.2;overflow:hidden}html[lang=zh] .brand{font-family:var(--font-cn);letter-spacing:.06em}html[lang=ar] .brand{font-family:var(--font-ar)}.nav-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.2rem;display:flex}.nav-links a,.nav-links button.linkish,.nav-links button.btn-nav{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.42rem .72rem;font-size:.9rem;font-weight:500;transition:background .25s,color .25s,transform .2s}.nav-links a.btn-nav,.nav-links button.btn-nav{background:var(--ink);color:#fff;margin-inline-end:.15rem}.nav-links a.btn-nav:hover,.nav-links button.btn-nav:hover{background:var(--jade-deep);color:#fff}.nav-menu{margin-inline-start:.15rem;position:relative}.nav-menu__trigger{width:2.55rem;height:2.55rem;color:var(--ink);cursor:pointer;background:#ffffffc7;border:1px solid #1919191f;border-radius:999px;place-items:center;padding:0;transition:background .2s,border-color .2s,transform .2s;display:grid}.nav-menu__trigger:hover,.nav-menu.is-open .nav-menu__trigger{background:#1919190f;border-color:#19191933}.nav-menu__bars{gap:4px;width:1.05rem;display:grid}.nav-menu__bars i{transform-origin:50%;background:currentColor;border-radius:999px;height:1.5px;transition:transform .22s,opacity .22s;display:block}.nav-menu.is-open .nav-menu__bars i:first-child{transform:translateY(5.5px)rotate(45deg)}.nav-menu.is-open .nav-menu__bars i:nth-child(2){opacity:0}.nav-menu.is-open .nav-menu__bars i:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}.nav-menu__panel{top:calc(100% + .55rem);z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffffa;border:1px solid #1919191a;border-radius:16px;flex-direction:column;min-width:11.5rem;padding:.45rem;animation:.22s both navMenuIn;display:flex;position:absolute;inset-inline-end:0;box-shadow:0 18px 48px #0f0f0f24}@keyframes navMenuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-menu__panel[hidden]{display:none}.nav-menu__panel a{color:var(--ink-soft);letter-spacing:.01em;white-space:nowrap;border-radius:11px;padding:.7rem .9rem;font-size:.95rem;font-weight:550;text-decoration:none;transition:background .18s,color .18s;display:block}.nav-menu__panel a:hover,.nav-menu__panel a.active{color:var(--ink);background:#1919190f}.locale-switch{border:1px solid var(--line);background:#ffffffb3;border-radius:999px;margin-inline-start:.2rem;display:inline-flex;overflow:hidden}.locale-switch button{cursor:pointer;color:var(--ink-soft);letter-spacing:.02em;background:0 0;border:0;padding:.32rem .5rem;font-size:.72rem;font-weight:700}.main{flex:1}.footer{border-top:1px solid var(--line);background:linear-gradient(#0000,#10182008),#ffffff59;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.25rem;margin-top:auto;padding:2.75rem clamp(1rem,4vw,2.5rem) 2.25rem;display:flex}.footer-brand{align-items:center;gap:.9rem;display:flex}.footer strong{font-family:var(--font-cn);font-size:1.05rem;display:block}.footer p{color:var(--ink-soft);max-width:36rem;margin:.25rem 0 0;font-size:.92rem}.footer-ornament{font-family:var(--font-brush);color:var(--cinnabar);letter-spacing:.28em;opacity:.75;font-size:1.35rem}.hero{min-height:100vh;margin-top:calc(-1 * (var(--nav-h) + var(--float-inset)));color:#f7fafb;align-items:end;display:grid;position:relative;overflow:hidden}.hero-media{background:#0a1518;position:absolute;inset:0;overflow:hidden}.hero-wash{background:radial-gradient(80% 60% at 70% 35%,#c9a56a38,#0000 55%),radial-gradient(50% 45% at 15% 70%,#1f6f6459,#0000 50%),linear-gradient(115deg,#070e10 8%,#132428 42%,#1a3d3f 68%,#0c181c 100%);animation:14s ease-in-out infinite alternate washPulse;position:absolute;inset:0}@keyframes washPulse{0%{filter:saturate()brightness()}to{filter:saturate(1.08)brightness(1.05)}}.hero-lattice{opacity:.14;background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:48px 48px;animation:22s linear infinite latticeDrift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 75% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 75% 40%,#000 20%,#0000 75%)}@keyframes latticeDrift{0%{transform:translate(0)}to{transform:translate(24px,16px)}}.hero-mountains{z-index:1;width:100%;height:min(48vh,420px);position:absolute;bottom:0;left:0;right:0}.mtn{fill:#0d1c20}.mtn-far{fill:#163036;animation:16s ease-in-out infinite alternate mtnBreathe}.mtn-near{fill:#0b171a;animation:12s ease-in-out infinite alternate-reverse mtnBreathe}@keyframes mtnBreathe{0%{transform:translateY(0)}to{transform:translateY(8px)}}.hero-clouds{z-index:2;pointer-events:none;position:absolute;inset:0}.cloud{filter:blur(1px);background:#f7fafb14;border-radius:999px;height:2.5rem;position:absolute;box-shadow:1.4rem 0 #f7fafb0f,-1.2rem .2rem #f7fafb0d}.cloud.c1{width:8rem;animation:32s linear infinite cloudMove;top:22%;left:-10%}.cloud.c2{opacity:.7;width:11rem;animation:44s linear -12s infinite cloudMove;top:34%;left:-20%}.cloud.c3{opacity:.5;width:6rem;animation:26s linear -6s infinite cloudMove;top:18%;left:-8%}@keyframes cloudMove{0%{transform:translate(0)}to{transform:translate(130vw)}}.hero-seal{z-index:3;width:clamp(4.5rem,10vw,6.5rem);height:clamp(4.5rem,10vw,6.5rem);font-family:var(--font-brush);color:#ffece6eb;background:linear-gradient(145deg,#a83230,#6e1c1c);border-radius:12%;place-items:center;font-size:clamp(2.2rem,5vw,3.2rem);animation:1.2s cubic-bezier(.22,1,.36,1) .45s both sealIn,7s ease-in-out 1.6s infinite sealFloat;display:grid;position:absolute;top:22%;right:8%;transform:rotate(8deg);box-shadow:0 0 0 3px #c9a56a59,0 18px 40px #00000059}@keyframes sealIn{0%{opacity:0;transform:rotate(8deg)scale(.7)}to{opacity:1;transform:rotate(8deg)scale(1)}}@keyframes sealFloat{0%,to{transform:rotate(8deg)translateY(0)}50%{transform:rotate(10deg)translateY(-6px)}}.hero-ink-char{z-index:2;font-family:var(--font-brush);color:#ffffff0b;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(8rem,22vw,16rem);line-height:.8;animation:10s ease-in-out infinite alternate inkFade;position:absolute;bottom:18%;right:4%}@keyframes inkFade{0%{opacity:.7;transform:translateY(0)}to{opacity:1;transform:translateY(-12px)}}.hero-lanterns{z-index:2;pointer-events:none;position:absolute;inset:0}.lantern{background:linear-gradient(#e8b090,#9e2a2b);border-radius:40% 40% 35% 35%;width:1.1rem;height:1.55rem;animation:4.5s ease-in-out infinite lanternSwing;position:absolute;box-shadow:0 0 18px #c95c4a73}.lantern:before{content:"";background:#ffffff59;width:1px;height:.55rem;position:absolute;top:-.55rem;left:50%;transform:translate(-50%)}.lantern:after{content:"";background:var(--gold);border-radius:50%;width:.35rem;height:.35rem;position:absolute;bottom:-.35rem;left:50%;transform:translate(-50%)}.lantern.l1{top:16%;left:58%}.lantern.l2{animation-delay:-1.4s;top:28%;left:66%;transform:scale(.85)}@keyframes lanternSwing{0%,to{transform:rotate(-6deg)}50%{transform:rotate(7deg)}}.hero-sheen{z-index:3;pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff0d 48%,#0000 62%) 0 0/200% 100%;animation:9s ease-in-out infinite sheen;position:absolute;inset:0}@keyframes sheen{0%,40%{background-position:100% 0}to{background-position:-100% 0}}.hero-content{z-index:5;padding:calc(var(--nav-h) + var(--float-inset) + 2.5rem) clamp(1.1rem, 4.5vw, 3rem) clamp(2.8rem, 9vh, 5rem);max-width:48rem;position:relative}.hero-anim{opacity:0;animation:.95s cubic-bezier(.22,1,.36,1) forwards heroRise}.hero-anim.a1{animation-delay:.1s}.hero-anim.a2{animation-delay:.28s}.hero-anim.a3{animation-delay:.44s}.hero-anim.a4{animation-delay:.58s}.hero-anim.a5{animation-delay:.9s}@keyframes heroRise{0%{opacity:0;filter:blur(4px);transform:translateY(22px)}to{opacity:1;filter:blur();transform:translateY(0)}}.hero-brand{font-family:var(--font-cn);letter-spacing:.06em;text-shadow:0 8px 40px #00000059;margin:0 0 .35rem;font-size:clamp(2.8rem,7.5vw,4.8rem);font-weight:700;line-height:1.05}.hero-brand-en{font-family:var(--font-display);letter-spacing:.04em;color:var(--gold-bright);margin:.45rem 0 1.35rem;font-size:clamp(1.15rem,2.6vw,1.7rem);font-weight:500;display:block}.hero h1{font-family:var(--font-display);max-width:18ch;margin:0 0 .9rem;font-size:clamp(1.55rem,3.4vw,2.3rem);font-weight:600;line-height:1.22}html[lang=ar] .hero h1{font-family:var(--font-ar);max-width:22ch}.hero-content>p{color:#f7fafbe0;max-width:34rem;margin:0 0 1.7rem;font-size:1.08rem}.hero-scroll-hint{border:1.5px solid #ffffff59;border-radius:999px;width:1.35rem;height:2.1rem;margin-top:2.5rem;position:relative}.hero-scroll-hint span{background:var(--gold-bright);border-radius:50%;width:.28rem;height:.28rem;margin-left:-.14rem;animation:1.6s ease-in-out infinite scrollDot;position:absolute;top:.35rem;left:50%}@keyframes scrollDot{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(.9rem)}}.cta-row{flex-wrap:wrap;gap:.75rem;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.78rem 1.35rem;font-weight:600;transition:transform .22s,background .22s,border-color .22s,box-shadow .22s;display:inline-flex}.btn-ghost{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0a;border-color:#fff6}.btn-ghost:hover{background:#ffffff1a}.btn-solid{background:var(--ink);color:#fff}.btn-outline{border-color:var(--line);color:var(--ink);background:0 0}.btn-outline:hover{border-color:var(--jade);color:var(--jade-deep)}.reveal{opacity:0;transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.reveal.is-in{opacity:1;transform:translateY(0)}.page{padding:clamp(1.75rem,5vw,3rem) clamp(1rem,4vw,2.5rem) 3.5rem;animation:.55s both heroRise}.page-head{max-width:40rem;margin-bottom:1.75rem}.page-head h1{font-family:var(--font-display);margin:0 0 .4rem;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:600;line-height:1.15}.page-head p{color:var(--ink-soft);margin:0}.section{padding:clamp(2.2rem,5.5vw,3.5rem) clamp(1rem,4vw,2.5rem)}.section-culture{position:relative}.section-head{max-width:36rem;margin-bottom:1.35rem}.section-head.with-ornament{align-items:flex-start;gap:.9rem;max-width:42rem;display:flex}.section-seal{width:2.6rem;height:2.6rem;font-family:var(--font-brush);color:#fff5f0;background:linear-gradient(145deg, var(--cinnabar-soft), var(--cinnabar));border-radius:10%;flex-shrink:0;place-items:center;font-size:1.35rem;display:grid;transform:rotate(-4deg);box-shadow:0 0 0 2px #c9a56a59}.section-seal.seal-jade{background:linear-gradient(145deg, #2f8a7c, var(--jade-deep))}.section-seal.seal-bronze{color:#1a1208;background:linear-gradient(145deg,#d4b98a,#8a6a3a)}.section-head h2{font-family:var(--font-display);margin:0 0 .35rem;font-size:clamp(1.55rem,3vw,2.05rem);font-weight:600}.section-head p{color:var(--ink-soft);margin:0}.rail{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.05rem;display:grid}.tile{border-radius:var(--radius);border:1px solid var(--line);background:#ffffff9e;height:100%;padding:1.15rem 1.2rem 1.3rem;transition:border-color .3s,transform .35s cubic-bezier(.22,1,.36,1),background .3s,box-shadow .35s;display:block}.tile-rich:hover{background:#ffffffe0;border-color:#1f6f6459;transform:translateY(-5px);box-shadow:0 16px 40px #1018201a}.tile-cover{background:var(--tile-bg,linear-gradient(120deg, #1a3f44, #1f6f64));border-radius:12px;height:7.5rem;margin-bottom:.95rem;position:relative;overflow:hidden}.tile-cover:after{content:"";background:#c9a56a47;border-radius:50%;height:85%;animation:6s ease-in-out infinite floatSoft;position:absolute;inset:auto -20% -45% 15%}.tile-article{flex-direction:column;padding:0;display:flex;overflow:hidden}.tile-article:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.tile-media{aspect-ratio:16/10;background:#f1f1ef;position:relative;overflow:hidden}.tile-media img{object-fit:cover;width:100%;height:100%;display:block}.tile-media-fallback{place-items:center;width:100%;height:100%;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(2.8rem,6vw,3.6rem);line-height:1;display:grid}.tile-media:not(:has(img)):after{content:"";opacity:.28;pointer-events:none;border:1px dashed;border-radius:8px;position:absolute;inset:.7rem}.cover-etiquette{color:#963d3d;background:#f4d5d5}.cover-tea{color:#3c6954;background:#dcebe2}.cover-festival{color:#8c6429;background:#f3e5bd}.cover-bridge,.cover-hello{color:#245b72;background:#e2eef8}.cover-intro{color:#694279;background:#eee8f5}.cover-numbers{color:#3c6954;background:#dcebe2}.cover-match{color:#694279;background:#eee8f5}.cover-listen{color:#245b72;background:#e2eef8}.cover-order{color:#8c6429;background:#f3e5bd}.cover-quiz{color:#963d3d;background:#f4d5d5}.tile-body{flex-direction:column;flex:1;padding:1.1rem 1.15rem 1.2rem;display:flex}.tile-foot{margin-top:auto;padding-top:.85rem}.tile-foot .meta{margin-top:0}.tile-foot .progress{margin:.7rem 0 0}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tile h3{font-size:1.08rem;font-family:var(--font-display);margin:0 0 .35rem;font-weight:600}.tile p{color:var(--ink-soft);margin:0;font-size:.92rem}.meta{color:var(--jade-deep);flex-wrap:wrap;gap:.45rem;margin-top:.85rem;font-size:.78rem;font-weight:600;display:flex}.about-strip{border-radius:calc(var(--radius) + 6px);border:1px solid var(--line);background:linear-gradient(120deg,#1f6f641a,#9e2a2b0f),#ffffff8c;margin:0 clamp(1rem,4vw,2.5rem) 2.75rem;padding:2rem 1.6rem;position:relative;overflow:hidden}.about-ink{inset-inline-end:4%;font-family:var(--font-brush);color:#9e2a2b14;pointer-events:none;font-size:clamp(3.5rem,10vw,6rem);line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.about-strip h2{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.6rem;position:relative}.about-strip p{max-width:48rem;color:var(--ink-soft);margin:0;position:relative}.article{max-width:44rem}.article .lead{color:var(--ink-soft);font-size:1.1rem}.article .body{margin-top:1.25rem;font-size:1.05rem}.md-content{color:var(--ink);line-height:1.7}.md-content>:first-child{margin-top:0}.md-content>:last-child{margin-bottom:0}.md-content h2,.md-content h3,.md-content h4{font-family:var(--font-display);color:var(--ink);margin:1.35rem 0 .55rem;line-height:1.25}.md-content h2{font-size:1.45rem}.md-content h3{font-size:1.2rem}.md-content p{color:var(--ink-soft);margin:0 0 .9rem}.md-content ul,.md-content ol{color:var(--ink-soft);margin:0 0 .95rem;padding-inline-start:1.35rem}.md-content li{margin:.25rem 0}.md-content blockquote{border-inline-start:3px solid var(--ink);color:var(--ink-soft);background:#1018200a;margin:0 0 1rem;padding:.55rem .9rem}.md-content strong{color:var(--ink);font-weight:700}.md-content a{color:var(--jade-deep,#1f6f64);text-underline-offset:2px;text-decoration:underline}.md-content code{background:#1018200f;border-radius:6px;padding:.1em .35em;font-size:.92em}.md-content pre{background:#f4f4f2;border-radius:12px;margin:0 0 1rem;padding:.85rem 1rem;overflow:auto}.md-content pre code{background:0 0;padding:0}.md-editor{gap:.55rem;display:grid}.md-editor__hint{margin:0}.md-toolbar{flex-wrap:wrap;gap:.35rem;display:flex}.md-toolbar__btn{border:1px solid var(--line);font:inherit;cursor:pointer;color:var(--ink-soft);background:#fff;border-radius:8px;padding:.35rem .55rem;font-size:.82rem}.md-toolbar__btn:hover{color:var(--ink);background:#1018200a}.md-editor__textarea{border:1px solid var(--line);width:100%;min-height:14rem;font:inherit;resize:vertical;background:#fff;border-radius:10px;padding:.75rem .85rem;line-height:1.55}.md-preview__label{color:var(--ink-soft);margin:.35rem 0 .4rem;font-size:.8rem;font-weight:650}.md-preview__panel{background:#fff;padding:1rem 1.1rem}.related{gap:.75rem;margin-top:2rem;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffb3;padding:1.25rem}.video-frame{aspect-ratio:16/9;background:#000;border:0;border-radius:12px;width:100%}.progress{background:#1018201a;border-radius:999px;height:.45rem;margin:.75rem 0 .25rem;overflow:hidden}.progress>span{background:linear-gradient(90deg, var(--jade-deep), var(--jade));border-radius:inherit;height:100%;display:block}.cue{background:#1f6f640f;border:1px dashed #1f6f6466;border-radius:12px;margin-top:1rem;padding:1rem}.options{gap:.5rem;margin-top:.75rem;display:grid}.option{text-align:start;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;padding:.7rem .9rem}.option.correct{border-color:var(--ok);background:#2f6b4f1a}.option.wrong{border-color:var(--danger);background:#8b3a3a14}.stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.85rem;margin-bottom:1.5rem;display:grid}.stat{border-radius:var(--radius);border:1px solid var(--line);background:#ffffffa6;padding:1rem 1.1rem}.stat .label{color:var(--ink-soft);font-size:.8rem}.stat .value{font-family:var(--font-display);margin-top:.2rem;font-size:1.8rem;font-weight:600;line-height:1.15}.auth-wrap{min-height:calc(100vh - 6rem);padding:calc(var(--nav-h) + var(--float-inset) + 2rem) 1rem 2rem;place-items:center;display:grid}.login-modal{z-index:80;place-items:center;padding:1.25rem;animation:.18s ease-out login-modal-in;display:grid;position:fixed;inset:0}.login-modal__backdrop{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1018206b;border:0;margin:0;padding:0;position:absolute;inset:0}.login-modal__panel{z-index:1;width:min(420px,100%);margin:0;animation:.22s cubic-bezier(.22,1,.36,1) login-panel-in;position:relative}.login-modal__close{top:.7rem;width:2rem;height:2rem;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:1.4rem;line-height:1;position:absolute;inset-inline-end:.7rem}.login-modal__close:hover{color:var(--ink);background:#1018200f}.login-modal__sub{color:var(--ink-soft);margin:0 0 1rem}.login-modal__error{color:var(--danger);margin:0}@keyframes login-modal-in{0%{opacity:0}to{opacity:1}}@keyframes login-panel-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-box{border-radius:calc(var(--radius) + 4px);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);background:#fffffff0;padding:1.75rem}.auth-box h1{font-family:var(--font-display);margin:0 0 .35rem;font-size:2rem}.user-avatar{color:var(--ink);font-family:var(--font-cn);background:#f1f1ef;border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;line-height:1;display:grid;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-avatar.is-sm{border:1.5px solid #1919191f;width:2.15rem;height:2.15rem;font-size:.82rem}.user-avatar.is-lg{border:2px solid #1919191a;width:5.6rem;height:5.6rem;font-size:1.85rem;box-shadow:inset 0 0 0 3px #fff}.nav-avatar-link{display:grid;background:0 0!important;border-radius:50%!important;padding:.12rem!important}.nav-avatar-link:hover,.nav-avatar-link.active{background:0 0!important}.avatar-panel{margin-bottom:1.25rem}.avatar-editor{flex-wrap:wrap;align-items:center;gap:1.15rem;display:flex}.avatar-hit{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;position:relative;overflow:hidden}.avatar-hit:hover .user-avatar,.avatar-hit:focus-visible .user-avatar{box-shadow:0 0 0 3px #1919191f}.avatar-hit__tip{color:#fff;text-align:center;opacity:0;pointer-events:none;background:#0f0f0f94;border-radius:50%;place-items:center;padding:.45rem;font-size:.72rem;font-weight:650;line-height:1.25;transition:opacity .18s;display:grid;position:absolute;inset:0}.avatar-hit:hover .avatar-hit__tip,.avatar-hit:focus-visible .avatar-hit__tip{opacity:1}.avatar-meta{flex-direction:column;flex:1;gap:.28rem;min-width:0;display:flex}.avatar-edit-btn{flex-shrink:0;margin-inline-start:auto}.avatar-name{letter-spacing:-.02em;font-size:1.25rem;font-weight:750;line-height:1.2}.avatar-level{color:var(--ink-soft);margin:0;font-size:.92rem}.profile-info-panel{margin-bottom:1rem}.profile-view{grid-template-columns:1.2fr .8fr;gap:1rem 1.25rem;margin-top:1rem;display:grid}.profile-view__item{flex-direction:column;gap:.3rem;min-width:0;display:flex}.profile-view__item--full{grid-column:1/-1}.profile-view__label{color:var(--ink-soft);font-size:.82rem;font-weight:650}.profile-view__value{color:var(--ink);word-break:break-word;font-size:1rem;line-height:1.45}.profile-view__bio{white-space:pre-wrap}.profile-fields{grid-template-columns:1.2fr .8fr;gap:.9rem 1rem;margin-top:1rem;display:grid}.profile-fields .field-full{grid-column:1/-1}.profile-fields textarea{border:1px solid var(--line);resize:vertical;width:100%;min-height:6.5rem;font:inherit;color:var(--ink);background:#fff;border-radius:10px;padding:.75rem .85rem}.profile-fields textarea:focus{outline-offset:1px;outline:2px solid #1919192e}.lang-level-block{border-top:1px solid var(--line);margin-top:1.35rem;padding-top:1.15rem}.lang-level-title{display:block}.lang-level-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;margin-top:.85rem;display:grid}.lang-level{border:1px solid var(--line);min-height:4.4rem;color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:.35rem;padding:.7rem .4rem;font-size:.86rem;font-weight:600;transition:border-color .18s,background .18s,color .18s;display:flex}.lang-level__num{width:1.55rem;height:1.55rem;color:var(--ink);background:#1919190f;border-radius:50%;place-items:center;font-size:.78rem;display:grid}.lang-level:hover{color:var(--ink);border-color:#19191947}.lang-level.active{border-color:var(--ink);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:#1919190a}.lang-level.active .lang-level__num{background:var(--ink);color:#fff}.profile-save-row{align-items:center;gap:.75rem;margin-top:1.2rem;display:flex}.save-ok{color:var(--ok,#2f6b4f);font-size:.9rem;font-weight:650}@media (width<=720px){.profile-fields,.profile-view{grid-template-columns:1fr}.lang-level-options{grid-template-columns:1fr 1fr}.avatar-edit-btn{width:100%;margin-inline-start:0}}.auth-box form{gap:.85rem;margin-top:1.25rem;display:grid}.field label{margin-bottom:.3rem;font-size:.85rem;font-weight:600;display:block}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:10px;padding:.7rem .8rem}.field textarea{resize:vertical;min-height:6rem;line-height:1.5}.hint{color:var(--ink-soft);margin:.85rem 0 0;font-size:.85rem}.game-board{gap:.75rem;max-width:28rem;display:grid}.pair-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.pair-btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;padding:.9rem;font-weight:600}.pair-btn.selected{border-color:var(--jade);background:#1f6f641a}.pair-btn.matched{opacity:.45;pointer-events:none}.mobile-nav{display:none}@media (width<=920px){.nav-links .hide-sm{display:none}.brand{max-width:16rem}.hero-seal{opacity:.92;top:18%;right:4%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--ink:#191919;--ink-soft:#5f5e5b;--paper:#fff;--mist:#f7f7f5;--line:#19191921;--jade:#2383e2;--jade-deep:#0b6bcb;--cinnabar:#eb5757;--gold:#f1c75b;--radius:12px;--shadow:0 14px 42px #0f0f0f17;--shadow-float:0 10px 36px #0f0f0f1a, 0 2px 8px #0f0f0f0a;--font-display:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", sans-serif;--font-cn:Inter, ui-sans-serif, "Noto Sans SC", sans-serif;--font-body:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", "Noto Sans Arabic", sans-serif;--nav-h:3.75rem;--float-inset:clamp(.7rem, 2vw, 1.15rem)}body{background:var(--paper);color:var(--ink)}.topbar-float{padding:var(--float-inset) var(--float-inset) 0;-webkit-backdrop-filter:none;background:0 0;border-bottom:0;position:fixed}.topbar{width:100%;max-width:1180px;height:var(--nav-h);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(22px)saturate(1.45);background:#ffffff85;border:1px solid #ffffff9e;border-radius:999px;margin:0 auto;padding:.22rem .5rem .22rem .32rem;animation:.7s cubic-bezier(.22,1,.36,1) both floatBarIn}.logo-mark{width:2.4rem;height:2.4rem;color:var(--ink);font-family:var(--font-cn);background:radial-gradient(circle at 32% 28%,#fffffff2,#0000 55%),#fff;border:1.5px solid #1919191f;border-radius:50%;font-size:1.02rem;font-weight:900;line-height:1;transform:none;box-shadow:inset 0 0 0 1px #ffffffbf}.brand-lockup{gap:.65rem}.nav-links{gap:.1rem}.nav-links a,.nav-links button.linkish{border-radius:999px;padding:.42rem .68rem;font-size:.88rem}.nav-links a:hover,.nav-links button.linkish:hover,.nav-links a.active{color:var(--ink);background:#1919190f}.nav-links a.btn-nav,.nav-links button.btn-nav{background:var(--ink);border-radius:999px}.nav-links a.btn-nav:hover,.nav-links button.btn-nav:hover{background:#333}.locale-switch{background:#ffffff8c;border-radius:999px}.locale-switch button.active{background:var(--ink);color:#fff}.nav-menu__trigger{background:#ffffffc7;border-color:#1919191a}.nav-menu__panel{box-shadow:var(--shadow-float);border-color:#1919191a}.notion-home{position:relative;overflow:visible}.hero-stage{z-index:0;isolation:isolate;background:#fff;width:100%;height:100dvh;min-height:100dvh;margin:0;position:relative;overflow:hidden}.hero-stage .notion-hero{z-index:8;width:100%;max-width:none;height:100%;padding:calc(var(--nav-h) + var(--float-inset) + .6rem) 1.5rem 2.5rem;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;margin:0;display:flex;position:relative}.pixel-blast{z-index:0;pointer-events:auto;position:absolute;inset:0}.pixel-blast--static{pointer-events:none}.pixel-blast__canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.aurora{pointer-events:none;z-index:0;position:absolute;inset:-12% -8% 8%}.aurora-blob{filter:blur(72px);opacity:.72;mix-blend-mode:multiply;border-radius:50%;position:absolute}.aurora-blob.b1{background:#d4e4ff;width:min(46vw,520px);height:min(46vw,520px);animation:18s ease-in-out infinite blobMove;top:-10%;left:-8%}.aurora-blob.b2{background:#f6e3c8;width:min(38vw,420px);height:min(38vw,420px);animation:22s ease-in-out infinite reverse blobMove;top:4%;right:-6%}.aurora-blob.b3{background:#f3d4d4;width:min(32vw,340px);height:min(32vw,340px);animation:16s ease-in-out -6s infinite blobMove;top:28%;left:28%}.aurora-blob.b4{background:#d7ebe3;width:min(28vw,300px);height:min(28vw,300px);animation:20s ease-in-out infinite reverse blobMove;bottom:6%;right:18%}.aurora-rays{background:conic-gradient(from 200deg at 50% 0%, transparent 0 38%, #ffffff8c 47%, transparent 56%);mix-blend-mode:overlay;opacity:.65;height:70%;animation:26s linear infinite raysSpin;position:absolute;inset:-30% -10% auto}.dot-grid{pointer-events:none;background-image:radial-gradient(#1919191a 1.15px,#0000 1.2px);background-size:26px 26px;animation:34s linear infinite gridDrift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 55% at 50% 28%,#000 12%,#0000 78%);mask-image:radial-gradient(70% 55% at 50% 28%,#000 12%,#0000 78%)}.ink-float{pointer-events:none;z-index:0;position:absolute;inset:0}.ink-float b{color:#1919190d;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(3.2rem,8vw,6.4rem);font-weight:500;animation:20s ease-in-out infinite inkDrift;position:absolute}.ink-float b:first-child{top:6%;left:5%}.ink-float b:nth-child(2){animation-delay:-5s;top:12%;right:7%}.ink-float b:nth-child(3){font-size:clamp(2.4rem,6vw,4.4rem);animation-delay:-9s;bottom:18%;left:12%}.ink-float b:nth-child(4){animation-delay:-12s;bottom:22%;right:14%}@keyframes blobMove{0%,to{transform:translate(0)scale(1)}50%{transform:translate(6%,8%)scale(1.08)}}@keyframes raysSpin{to{transform:rotate(360deg)}}@keyframes gridDrift{to{background-position:26px 18px}}@keyframes inkDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.notion-hero{text-align:center;max-width:1240px;margin:0 auto;padding:clamp(2.6rem,6vw,4.6rem) clamp(1.2rem,4vw,3rem) 2.25rem}.hero-copy{z-index:9;text-align:center;pointer-events:none;flex:none;width:min(1240px,100%);max-width:100%;margin:0 auto;padding:0;position:relative}.hero-copy .eyebrow,.hero-copy .cta-row,.hero-copy h1,.hero-lede{pointer-events:auto}.hero-stage .eyebrow{color:var(--ink-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdb;border-color:#dc26262e}.hero-stage .hero-lede{color:var(--ink-soft)}.hero-stage .btn-primary{color:#fff;background:#dc2626}.hero-stage .btn-primary:hover{background:#b91c1c}.hero-stage .btn-outline{color:var(--ink);background:#ffffffc7;border-color:#19191929}.hero-stage .btn-outline:hover{color:var(--ink);background:#fff;border-color:#dc262659}.eyebrow{border:1px solid var(--line);color:var(--ink-soft);background:#fff;border-radius:999px;align-items:center;gap:.45rem;margin:0 0 1.4rem;padding:.4rem .68rem;font-size:.82rem;font-weight:650;display:inline-flex}.eyebrow span{color:#dc2626}.notion-hero h1,.hero-headline{color:#000;width:100%;max-width:100%;font-family:var(--font-display);letter-spacing:-.065em;text-align:center;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;flex-direction:column;justify-content:center;align-items:center;gap:.06em;margin:0 auto .4rem;font-size:clamp(1.45rem,6.2vw,6.4rem);font-weight:780;line-height:1.12;display:flex}.hero-headline__line{white-space:nowrap;display:block}html[lang=zh] .notion-hero h1{font-family:"Noto Sans SC", var(--font-display);letter-spacing:.04em;font-size:clamp(1.5rem,7.1vw,6.6rem)}html[lang=ar] .notion-hero h1{font-family:var(--font-ar);letter-spacing:0}.hero-lede{width:min(38rem,92%);min-width:min(22rem,92%);max-width:38rem;color:var(--ink-soft);text-align:center;white-space:normal;writing-mode:horizontal-tb;word-break:normal;overflow-wrap:break-word;margin:1.4rem auto 1.6rem;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.55;display:block}.notion-hero .cta-row{justify-content:center;width:100%}.btn{border-radius:7px;min-height:2.8rem;padding:.7rem 1.15rem;font-size:.95rem;transition:background .16s,transform .16s,box-shadow .16s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--ink);color:#fff;box-shadow:none}.btn-primary:hover{background:#333}.btn-outline{border-color:var(--line);background:#fff}.btn-outline:hover{color:var(--ink);background:var(--mist);border-color:#19191947}.home-section{max-width:1180px;margin:0 auto;padding:clamp(4rem,8vw,7rem) clamp(1.2rem,4vw,3rem)}.intro-section{border-top:1px solid var(--line)}.section-label{color:#9b9a97;letter-spacing:.11em;text-transform:uppercase;margin:0 0 1rem;font-size:.75rem;font-weight:750}.statement-row{grid-template-columns:1.05fr .8fr;align-items:end;gap:4rem;display:grid}.statement-row h2{letter-spacing:-.04em;white-space:nowrap;margin:0;font-size:clamp(1.7rem,3.6vw,3.4rem);line-height:1.12}.content-heading h2,.final-cta h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.02}.statement-row p{color:var(--ink-soft);margin:0;font-size:1.08rem;line-height:1.6}.feature-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding-top:0;display:grid}.feature-card{border-radius:14px;flex-direction:column;min-height:470px;padding:1.5rem;display:flex;overflow:hidden}.feature-courses{background:#e2eef8}.feature-games{background:#eee8f5}.feature-topline{color:#19191980;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:700;display:flex}.feature-arrow{border:1px solid #19191929;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:1rem;display:grid}.feature-card h3{letter-spacing:-.025em;margin:auto 0 .4rem;font-size:1.45rem}.feature-card>p{color:#1919199e;min-height:3em;margin:0 0 1rem}.feature-card>a{border-bottom:1px solid #19191952;width:fit-content;font-size:.88rem;font-weight:700}.lesson-stack{height:205px;margin:1.4rem 0;position:relative}.lesson-chip{inset-inline:12%;top:calc(var(--index) * 43px);height:82px;transform:rotate(calc((var(--index) - 1) * 2deg));background:#fffffff0;border:1px solid #1919191f;border-radius:8px;justify-content:space-between;align-items:center;padding:0 1rem;display:flex;position:absolute;box-shadow:0 8px 18px #1f486d14}.lesson-chip span{font-size:1.25rem;font-weight:750}.lesson-chip small{color:#9b9a97}.game-demo{grid-template-columns:1fr 1fr;gap:.55rem;height:205px;margin:1.4rem 0;padding:1.4rem 1rem;display:grid}.game-demo span{background:#ffffffe6;border-radius:8px;place-items:center;font-weight:700;display:grid;box-shadow:0 2px 8px #321e4614}.game-demo span:nth-child(3),.game-demo span:nth-child(4){color:#724a83}.content-section{max-width:1240px}.content-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.2rem;display:flex}.text-link{border-bottom:1px solid var(--ink);flex:none;padding-bottom:.35rem;font-size:.9rem;font-weight:700}.article-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.article-card{border:1px solid var(--line);background:#fff;border-radius:12px;height:100%;transition:transform .18s,box-shadow .18s;display:block;overflow:hidden}.article-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.article-visual{aspect-ratio:1.55;place-items:center;font-family:Georgia,serif;font-size:5.5rem;display:grid;position:relative;overflow:hidden}.article-visual span{text-shadow:3px 3px #ffffffbf;transform:rotate(-4deg)}.article-visual img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.visual-1{color:#963d3d;background:#f4d5d5}.visual-2{color:#3c6954;background:#dcebe2}.visual-3{color:#8c6429;background:#f3e5bd}.article-body{padding:1.2rem 1.25rem 1.4rem}.article-body small{color:#9b9a97;letter-spacing:.09em;font-size:.7rem;font-weight:750}.article-body h3{letter-spacing:-.02em;margin:.5rem 0 .45rem;font-size:1.15rem;line-height:1.25}.article-body p{color:var(--ink-soft);margin:0;font-size:.9rem}.final-cta{text-align:center;background:#f7f7f5;border-radius:18px;max-width:1120px;margin-bottom:5rem;position:relative;overflow:hidden}.final-cta .reveal{z-index:1;max-width:720px;margin:auto;position:relative}.final-cta .magnet{display:inline-flex}.final-mark{border:2px solid var(--ink);width:3.4rem;height:3.4rem;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:7px;place-items:center;margin:0 auto 1.5rem;font-size:1.5rem;font-weight:800;animation:5s ease-in-out infinite markTilt;display:grid;transform:rotate(-2deg)}.final-cta p{color:var(--ink-soft);margin:1.2rem auto 1.5rem;font-size:1.05rem}.split-text{display:block}.split-unit{animation:.9s cubic-bezier(.22,1,.36,1) both splitIn;animation-delay:var(--d);display:inline-block}.split-space{white-space:pre}@keyframes splitIn{0%{opacity:0;filter:blur(10px);transform:translateY(.72em)}to{opacity:1;filter:none;transform:none}}.shiny-text{color:#0000;background-image:linear-gradient(110deg,#6f6e6b 0 40%,#fff 50%,#6f6e6b 60% 100%);background-size:220%;-webkit-background-clip:text;background-clip:text;animation:4.2s ease-in-out infinite textShine}@keyframes textShine{0%{background-position:120%}to{background-position:-20%}}.magnet{transition:transform .18s;display:inline-flex}.tilt-card{transform-style:preserve-3d;will-change:transform;transition:transform .38s}.spot-card{--spot-x:50%;--spot-y:50%;position:relative}.spot-card:after{content:"";pointer-events:none;background:radial-gradient(420px circle at var(--spot-x) var(--spot-y), #ffffff75, transparent 58%);opacity:0;z-index:2;transition:opacity .22s;position:absolute;inset:0}.spot-card:hover:after{opacity:1}.btn-glow{position:relative;overflow:hidden;box-shadow:0 12px 32px #0f0f0f29}.btn-glow:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 28%,#ffffff47 48%,#0000 64%);animation:3.4s ease-in-out infinite btnSheen;position:absolute;inset:0;transform:translate(-130%)}@keyframes btnSheen{0%,58%{transform:translate(-130%)}to{transform:translate(130%)}}.click-spark{position:relative}.spark{pointer-events:none;z-index:80;background:linear-gradient(#191919,#191919) 50%/10px 2px no-repeat,linear-gradient(#191919,#191919) 50%/2px 10px no-repeat,linear-gradient(#c9a56a,#c9a56a) 50%/8px 2px no-repeat,linear-gradient(#c9a56a,#c9a56a) 50%/2px 8px no-repeat;width:12px;height:12px;margin:-6px 0 0 -6px;animation:.55s ease-out forwards sparkOut;position:absolute}@keyframes sparkOut{0%{opacity:1;transform:scale(.3)rotate(0)}to{opacity:0;transform:scale(2.6)rotate(48deg)}}@keyframes markTilt{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(3deg)translateY(-4px)}}.notion-home .reveal{opacity:0;filter:blur(10px);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1),filter .85s cubic-bezier(.22,1,.36,1);transform:translateY(36px)}.notion-home .reveal.is-in{opacity:1;filter:none;transform:none}.article-grid>.reveal{border-radius:12px;height:100%;overflow:hidden}.feature-courses.is-in .lesson-chip{animation:.7s cubic-bezier(.22,1,.36,1) both chipIn;animation-delay:calc(var(--index) * 90ms)}@keyframes chipIn{0%{opacity:0;transform:translateY(18px) rotate(calc((var(--index) - 1) * 2deg))}to{opacity:1;transform:rotate(calc((var(--index) - 1) * 2deg))}}.feature-games.is-in .game-demo span{animation:.55s both splitIn}.feature-games.is-in .game-demo span:nth-child(2){animation-delay:80ms}.feature-games.is-in .game-demo span:nth-child(3){animation-delay:.16s}.feature-games.is-in .game-demo span:nth-child(4){animation-delay:.24s}.footer{background:#fff;width:100%;max-width:1440px;margin:auto;padding-top:2rem}.footer-ornament{color:var(--ink-soft);font-family:var(--font-cn);letter-spacing:.18em;font-size:.9rem}.footer-meta{justify-items:end;gap:.55rem;display:grid}.footer-admin{color:var(--ink-soft);opacity:.72;font-size:.78rem;text-decoration:none}.footer-admin:hover{color:var(--ink);opacity:1}.admin-page{max-width:980px}.admin-gate{margin:2rem auto}.admin-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.admin-layout{grid-template-columns:minmax(200px,260px) 1fr;gap:1rem;display:grid}.admin-side,.admin-main{border:1px solid var(--line);border-radius:calc(var(--radius) + 2px);padding:1.15rem}.admin-side label{color:var(--ink-soft);margin-bottom:.4rem;font-size:.85rem;display:block}.admin-side-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.admin-side-head label{margin-bottom:0}.admin-new-btn{min-height:0;padding:.35rem .75rem;font-size:.85rem}.admin-create{border:1px dashed var(--line);background:#ffffffa6;border-radius:12px;gap:.55rem;margin-bottom:.85rem;padding:.75rem;display:grid}.admin-side select{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:10px;margin-bottom:1rem;padding:.65rem .75rem}.admin-tabs{gap:.35rem;display:grid}.admin-tabs button{border:1px solid var(--line);text-align:start;cursor:pointer;font:inherit;color:var(--ink-soft);background:#fff;border-radius:10px;padding:.55rem .75rem}.admin-tabs button.active{background:var(--ink);border-color:var(--ink);color:#fff}.admin-preview{aspect-ratio:16/10;font-family:var(--font-cn);color:var(--ink-soft);background:#f1f1ef;border-radius:14px;place-items:center;margin:1rem 0;font-size:4rem;display:grid;overflow:hidden}.admin-preview img{object-fit:cover;width:100%;height:100%}.admin-actions{flex-wrap:wrap;gap:.6rem;display:flex}.admin-status{color:var(--jade-deep,#1f6f64);margin:1rem 0 0}.admin-text h2,.admin-image h2{font-family:var(--font-display);margin:0 0 .35rem}.article-hero-image{aspect-ratio:21/9;background:#f1f1ef;border-radius:16px;margin:0 0 1.25rem;overflow:hidden}.article-hero-image img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=800px){.admin-layout{grid-template-columns:1fr}.admin-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-tabs button{text-align:center;padding:.5rem .35rem;font-size:.85rem}}.page{max-width:1180px;padding-top:calc(var(--nav-h) + var(--float-inset) + 1.5rem);margin:0 auto}.panel,.tile,.stat,.auth-box{box-shadow:none;background:#fff}@media (width<=900px){.feature-grid,.article-grid{grid-template-columns:1fr}.feature-card{min-height:430px}.statement-row{grid-template-columns:1fr;gap:1.2rem}.statement-row h2{font-size:clamp(1.55rem,6.5vw,2.6rem)}.article-visual{aspect-ratio:2.1}}@media (width<=620px){.brand{max-width:14rem}.topbar{padding:.18rem .45rem .18rem .28rem}.notion-hero{padding-top:5.2rem}.notion-hero h1{font-size:clamp(1.35rem,7.4vw,2.8rem)}html[lang=zh] .notion-hero h1{font-size:clamp(1.4rem,8vw,2.9rem)}.home-section{padding-block:4rem}.feature-grid{padding-top:0}.content-heading{flex-direction:column;align-items:flex-start}.final-cta{margin-inline:1rem;padding-inline:1.2rem}}