:root{
      --bg:#eef6ff;--text:#102238;--muted:#5d7189;--blue:#0a8ddb;--blue-ink:#0a6fb1;--blue-solid:#0877be;--cyan:#49c8ff;--green:#22c18c;--deep:#0d5ea8;
      --panel:rgba(255,255,255,.72);--panel2:rgba(255,255,255,.82);--line:rgba(255,255,255,.40);
      --shadow:0 24px 70px rgba(18,73,130,.14);--soft:0 12px 34px rgba(18,73,130,.08);--max:1280px;
    }
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;background:linear-gradient(180deg,#f8fbff,#eef5ff);overflow-x:hidden}a{text-decoration:none;color:inherit}button,input{font:inherit}img{max-width:100%;display:block}.shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
    .scroll-progress{position:fixed;left:0;top:0;height:3px;width:0%;background:linear-gradient(90deg,rgba(10,141,219,.18),rgba(73,200,255,.88),rgba(34,193,140,.55));box-shadow:0 0 18px rgba(73,200,255,.45);z-index:90;pointer-events:none}.cursor-ring{position:fixed;left:0;top:0;width:34px;height:34px;border-radius:50%;border:1px solid rgba(10,141,219,.42);box-shadow:0 0 24px rgba(73,200,255,.18);transform:translate(-50%,-50%);pointer-events:none;z-index:91;transition:width .18s,height .18s,border-color .18s,background .18s;mix-blend-mode:multiply}body.cursor-active .cursor-ring{width:54px;height:54px;border-color:rgba(34,193,140,.48);background:rgba(73,200,255,.05)}.cursor-glow{position:fixed;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(64,196,255,.12),rgba(64,196,255,.04) 45%,transparent 72%);filter:blur(20px);pointer-events:none;z-index:2;opacity:.75}.particle-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.38;mix-blend-mode:screen;mask-image:linear-gradient(180deg,black 0%,black 70%,transparent 100%)}.aurora-layer{position:fixed;inset:-20%;z-index:-6;pointer-events:none;background:radial-gradient(ellipse at 14% 32%,rgba(73,200,255,.10),transparent 42%),radial-gradient(ellipse at 80% 18%,rgba(34,193,140,.08),transparent 40%),radial-gradient(ellipse at 64% 78%,rgba(112,171,255,.08),transparent 44%);filter:blur(28px);animation:auroraMove 14s ease-in-out infinite alternate;opacity:.72}@keyframes auroraMove{from{transform:translate3d(-1.5%,0,0) scale(1)}to{transform:translate3d(1.5%,-1%,0) scale(1.04)}}
    .hero-wrap,.page-wrap{position:relative;isolation:isolate;overflow:hidden}.hero-wrap{min-height:100vh}.page-wrap{min-height:520px}.hero-bg{position:absolute;inset:-1%;background:url('images/campus-bg.webp') center center/cover no-repeat;transform:scale(1.04) translate3d(var(--bg-x,0),var(--bg-y,0),0);filter:saturate(1.00) contrast(.995) brightness(1.015);z-index:-4;transition:transform .25s ease-out}.hero-bg::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(248,252,255,.56),rgba(248,252,255,.20) 22%,rgba(244,249,255,.08) 48%,rgba(239,246,255,.32) 74%,rgba(239,246,255,.76) 100%),linear-gradient(90deg,rgba(248,252,255,.26),rgba(248,252,255,.06) 26%,rgba(248,252,255,.05) 72%,rgba(248,252,255,.20))}.hero-bg::after{content:"";position:absolute;inset:-4%;background:radial-gradient(circle at var(--mx,50%) var(--my,24%),rgba(71,182,255,.08),transparent 24%),radial-gradient(ellipse at 18% 12%,rgba(255,255,255,.28),transparent 26%),radial-gradient(ellipse at 50% 100%,rgba(255,255,255,.30),transparent 42%);filter:blur(12px);mix-blend-mode:screen}.mist-top,.mist-bottom{position:absolute;left:-6%;right:-6%;pointer-events:none;z-index:-2;filter:blur(26px)}.mist-top{top:-40px;height:230px;background:linear-gradient(180deg,rgba(255,255,255,.54),rgba(255,255,255,.16) 55%,transparent)}.mist-bottom{bottom:-20px;height:360px;background:linear-gradient(180deg,transparent,rgba(247,251,255,.16) 26%,rgba(247,251,255,.52) 62%,#eef5ff 100%)}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(10,141,219,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(10,141,219,.022) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(180deg,rgba(0,0,0,.74),rgba(0,0,0,.12) 72%,transparent);z-index:-3;pointer-events:none}.page-wrap .hero-bg{opacity:.94}
    .topbar{position:sticky;top:0;z-index:30;backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15);background:rgba(255,255,255,.38);border-bottom:1px solid rgba(255,255,255,.25)}.topbar-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px;font-size:28px;font-weight:950;letter-spacing:-.04em;color:var(--blue);transform:translate3d(var(--mag-x,0),var(--mag-y,0),0)}.brand img{width:46px;height:46px;transition:.3s cubic-bezier(.2,.8,.2,1)}.brand:hover img{transform:scale(1.16) rotate(-6deg);filter:drop-shadow(0 12px 20px rgba(10,141,219,.24))}.nav{display:flex;align-items:center;gap:22px;color:#54708f;font-weight:850}.nav a{transition:.2s}.nav a:hover,.nav a.active{color:var(--blue-ink)}
    .hero{padding:22px 0 116px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;min-height:calc(100vh - 78px)}.hero-copy{max-width:760px}.eyebrow{margin:0 0 16px;font-size:12px;font-weight:950;letter-spacing:.18em;color:var(--blue-ink);text-transform:uppercase}.hero h1,.page-hero h1{margin:0;font-size:clamp(56px,7.4vw,104px);line-height:.96;letter-spacing:-.075em;background:linear-gradient(90deg,#102138,#123354 42%,#0a8ddb 86%);-webkit-background-clip:text;background-clip:text;color:transparent}.page-hero h1{font-size:clamp(48px,5.8vw,82px)}.lead{margin:24px 0 0;font-size:21px;line-height:1.85;color:#435d7d;max-width:710px;font-weight:650}.page-hero{padding:86px 0 164px;display:grid;grid-template-columns:minmax(0,1.05fr) .95fr;gap:36px;align-items:center}.page-hero .lead{font-size:18px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn{height:58px;padding:0 28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;transition:.22s;transform:translate3d(var(--mag-x,0),var(--mag-y,0),0);position:relative;overflow:hidden}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 18px 34px rgba(10,141,219,.24)}.btn.secondary{background:rgba(255,255,255,.54);border:1px solid rgba(255,255,255,.40);color:#215c85;backdrop-filter:blur(10px)}.btn:hover{transform:translateY(-2px)}
    .hero-side{display:grid;gap:14px;align-self:center;justify-self:end;width:min(100%,610px)}.logo-stage,.page-visual{position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.22));border:1px solid rgba(255,255,255,.34);box-shadow:0 30px 88px rgba(20,84,150,.14);backdrop-filter:blur(20px) saturate(1.08);-webkit-backdrop-filter:blur(20px) saturate(1.08)}.logo-stage{height:470px;border-radius:46px}.page-visual{min-height:330px;border-radius:40px}.logo-stage::before,.page-visual::before{content:"";position:absolute;inset:14px;border-radius:38px;border:1px solid rgba(255,255,255,.30);background:radial-gradient(circle at 24% 28%,rgba(10,141,219,.14),transparent 24%),radial-gradient(circle at 72% 70%,rgba(37,190,141,.12),transparent 22%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.18),transparent 42%)}.logo-stage::after,.page-visual::after{content:"";position:absolute;inset:-18%;background:conic-gradient(from 0deg,transparent,rgba(10,141,219,.10),transparent,rgba(32,181,136,.08),transparent,rgba(112,171,255,.08),transparent);filter:blur(14px);animation:slowHalo 12s linear infinite;opacity:.72}@keyframes slowHalo{to{transform:rotate(360deg)}}.tech-sweep{position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.22) 48%,transparent 54% 100%);transform:translateX(-120%);animation:sweep 4.8s ease-in-out infinite;mix-blend-mode:screen}@keyframes sweep{0%,62%{transform:translateX(-120%)}100%{transform:translateX(120%)}}.scanlines,.tech-web,.logo-holo-grid{position:absolute;inset:0;pointer-events:none}.scanlines{background:repeating-linear-gradient(180deg,rgba(255,255,255,0) 0 12px,rgba(79,157,230,.025) 12px 13px);opacity:.7;mask-image:linear-gradient(180deg,transparent,black 16%,black 84%,transparent)}.logo-holo-grid{inset:18px;border-radius:30px;overflow:hidden;opacity:.38;background:linear-gradient(90deg,transparent 0 23%,rgba(73,200,255,.16) 24%,transparent 25% 49%,rgba(73,200,255,.12) 50%,transparent 51% 74%,rgba(34,193,140,.10) 75%,transparent 76%),linear-gradient(0deg,transparent 0 18%,rgba(255,255,255,.18) 19%,transparent 20% 48%,rgba(73,200,255,.10) 49%,transparent 50% 78%,rgba(255,255,255,.16) 79%,transparent 80%);mask-image:radial-gradient(circle at 50% 50%,black,transparent 72%)}.tech-web::before{content:"";position:absolute;inset:0;background:linear-gradient(122deg,transparent 0 36%,rgba(81,167,237,.14) 37%,transparent 38%),linear-gradient(56deg,transparent 0 62%,rgba(34,193,140,.10) 63%,transparent 64%),radial-gradient(circle at 20% 24%,rgba(10,141,219,.75) 0 2px,transparent 3px),radial-gradient(circle at 78% 30%,rgba(73,200,255,.76) 0 2px,transparent 3px),radial-gradient(circle at 68% 72%,rgba(34,193,140,.72) 0 2px,transparent 3px),radial-gradient(circle at 24% 76%,rgba(112,171,255,.72) 0 2px,transparent 3px);opacity:.58}.pulse-ring,.ring{position:absolute;border-radius:50%;pointer-events:none}.pulse-ring{border:1px solid rgba(73,200,255,.24);animation:pulse 3.6s ease-out infinite;opacity:.7}.p1{width:170px;height:170px}.p2{width:240px;height:240px;animation-delay:1.2s}.p3{width:310px;height:310px;animation-delay:2.4s}@keyframes pulse{0%{transform:scale(.72);opacity:0}18%{opacity:.48}100%{transform:scale(1.18);opacity:0}}.ring{border:1px solid rgba(80,157,226,.22);animation:spin 18s linear infinite}.r1{width:338px;height:338px}.r2{width:254px;height:254px;animation-direction:reverse;border-style:dashed}.r3{width:166px;height:166px;border-color:rgba(33,182,141,.20)}.r4{width:110px;height:110px;animation-duration:10s;animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}.big-logo{position:relative;width:230px;height:230px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.96),rgba(255,255,255,.78) 56%,rgba(242,248,255,.72));border:1px solid rgba(255,255,255,.84);box-shadow:0 34px 96px rgba(20,84,150,.18),inset 0 1px 0 rgba(255,255,255,.98),inset 0 0 0 14px rgba(255,255,255,.08);transition:.35s cubic-bezier(.2,.8,.2,1);transform:translate3d(var(--mag-x,0),var(--mag-y,0),0);z-index:5}.big-logo::before{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px solid rgba(10,141,219,.14);box-shadow:0 0 0 12px rgba(10,141,219,.04)}.big-logo img{width:74%;height:74%;transition:.35s}.big-logo:hover{transform:translate3d(var(--mag-x,0),var(--mag-y,0),0) scale(1.24);box-shadow:0 50px 128px rgba(10,141,219,.30),inset 0 1px 0 rgba(255,255,255,.98)}.big-logo:hover img{transform:scale(1.1) rotate(-5deg)}.orbit-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:#0a8ddb;box-shadow:0 0 0 10px rgba(10,141,219,.10);animation:orbit 4.8s linear infinite}.dot-a{top:18px;left:66%}.dot-b{bottom:24px;left:25%;animation-delay:-1.8s;background:#20b588}.dot-c{right:18px;top:50%;animation-delay:-3s;background:#70abff}@keyframes orbit{50%{transform:translateY(-10px) scale(1.24)}}.tech-pill,.float-chip{position:absolute;z-index:5;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.30);color:#30698f;font-size:11px;font-weight:950;letter-spacing:.10em;text-transform:uppercase;box-shadow:0 14px 34px rgba(20,84,150,.08);backdrop-filter:blur(10px);pointer-events:none;animation:chipFloat 5.8s ease-in-out infinite}.float-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:#49c8ff;box-shadow:0 0 0 5px rgba(73,200,255,.10)}.pill-a{left:42px;top:44px}.pill-b{right:38px;top:62px}.pill-c{right:46px;bottom:48px}.chip-a{left:42px;bottom:104px}.chip-b{right:42px;top:124px;animation-delay:-1.9s}.chip-c{left:54px;top:128px;animation-delay:-3.4s}@keyframes chipFloat{50%{transform:translateY(-10px)}}.data-stream{position:absolute;z-index:4;inset:auto 26px 22px 26px;height:72px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.22);overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent)}.data-stream span{position:absolute;left:0;right:0;top:0;font-size:11px;line-height:1.75;font-weight:900;letter-spacing:.16em;color:rgba(16,92,148,.42);white-space:pre;animation:dataRise 6s linear infinite}.data-stream span+span{animation-delay:-3s;color:rgba(28,164,126,.34)}@keyframes dataRise{from{transform:translateY(68px)}to{transform:translateY(-86px)}}
    .glass,.card,.aside-card,.knowledge-card,.resource-card,.member-card,.login-card,.visual-card{position:relative;overflow:hidden;background:var(--panel);border:1px solid rgba(255,255,255,.38);border-radius:28px;box-shadow:var(--soft);backdrop-filter:blur(18px);transition:.24s}.card{padding:28px;margin-bottom:22px}.card:hover,.aside-card:hover,.knowledge-card:hover,.resource-card:hover,.member-card:hover,.visual-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(188,216,245,.9)}.card::after,.knowledge-card::after,.aside-card::after,.resource-card::after,.member-card::after,.login-card::after,.stat::after,.btn::after,.visual-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%),rgba(73,200,255,.18),transparent 32%);opacity:0;transition:.22s}.card:hover::after,.knowledge-card:hover::after,.aside-card:hover::after,.resource-card:hover::after,.member-card:hover::after,.login-card:hover::after,.stat:hover::after,.btn:hover::after,.visual-card:hover::after{opacity:1}.flash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.18) 48%,transparent 54%);transform:translateX(-120%);opacity:0}.card:hover .flash,.resource-card:hover .flash,.member-card:hover .flash{opacity:1;animation:cardSweep .82s ease-out}@keyframes cardSweep{to{transform:translateX(120%)}}.ripple{position:absolute;border-radius:50%;pointer-events:none;z-index:5;width:10px;height:10px;background:rgba(73,200,255,.36);transform:translate(-50%,-50%) scale(0);animation:ripple .72s ease-out forwards;mix-blend-mode:screen}@keyframes ripple{to{transform:translate(-50%,-50%) scale(32);opacity:0}}
    .hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{position:relative;overflow:hidden;padding:24px 20px;border-radius:26px;background:var(--panel2);border:1px solid rgba(255,255,255,.40);box-shadow:var(--soft);backdrop-filter:blur(16px)}.stat strong{display:block;font-size:34px;letter-spacing:-.05em;color:var(--deep)}.stat span{display:block;margin-top:7px;color:var(--muted);font-size:15px;font-weight:850}
    .main{position:relative;margin-top:-128px;padding-top:76px;padding-bottom:80px;z-index:2;background:linear-gradient(180deg,rgba(238,245,255,0),rgba(238,245,255,.18) 52px,rgba(238,245,255,.58) 132px,#eef5ff 240px)}.main::before{content:"";position:absolute;left:-4%;right:-4%;top:-210px;height:290px;background:linear-gradient(180deg,rgba(238,245,255,0),rgba(238,245,255,.12) 22%,rgba(238,245,255,.34) 48%,rgba(238,245,255,.70) 78%,rgba(238,245,255,.96));filter:blur(18px);pointer-events:none;z-index:-1}.page-main{margin-top:-128px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.tabs{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px;margin-bottom:22px;border-radius:22px;background:rgba(255,255,255,.70);border:1px solid rgba(255,255,255,.38);box-shadow:var(--soft);backdrop-filter:blur(16px)}.tab{padding:12px 18px;border-radius:999px;background:transparent;border:0;font-weight:900;color:var(--muted);cursor:pointer}.tab.active,.tab:hover{background:#e6f5ff;color:var(--blue-ink)}.meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:14px;font-weight:800;margin-bottom:18px}.card h2{margin:0 0 16px;font-size:28px;line-height:1.26;letter-spacing:-.04em}.card p,.aside-card p,.knowledge-card p,.resource-card p,.member-card p,.visual-card p{margin:0;color:#54667d;line-height:1.85;font-size:17px}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:16px;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#eff6fb;color:var(--muted);font-weight:900;font-size:13px}.read-more{color:var(--blue-ink);font-weight:900}.aside-card{padding:24px;margin-bottom:22px}.aside-card h3{margin:0 0 16px;font-size:22px;letter-spacing:-.03em}.aside-card h3::after{content:"";display:block;height:3px;border-radius:999px;background:linear-gradient(90deg,#d7efff,transparent);margin-top:12px}.aside-list{display:grid;gap:14px}.aside-list a{font-weight:800;color:#273752;line-height:1.5}.aside-list a:hover{color:var(--blue-ink)}.section-title{margin:0 0 24px}.section-title .eyebrow{margin-bottom:10px}.section-title h2{margin:0;font-size:clamp(36px,4.6vw,62px);line-height:1.06;letter-spacing:-.06em}.knowledge-grid,.resource-grid,.member-grid,.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.knowledge-card,.resource-card,.member-card,.visual-card{padding:28px;min-height:220px}.num{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;margin-bottom:34px;background:#e6f5ff;color:var(--blue-ink);font-weight:900}.knowledge-card h3,.resource-card h3,.member-card h3,.visual-card h3{margin:0 0 12px;font-size:24px;letter-spacing:-.03em}.footer{padding:36px 0 54px;display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-weight:700}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
    .page-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.page-kpi div{padding:18px;border-radius:22px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.36);box-shadow:var(--soft);backdrop-filter:blur(14px)}.page-kpi strong{display:block;font-size:30px;color:var(--deep);letter-spacing:-.05em}.page-kpi span{display:block;margin-top:4px;color:var(--muted);font-weight:850}.visual-orb{position:relative;width:210px;height:210px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 26%,rgba(255,255,255,.92),rgba(255,255,255,.50));box-shadow:0 30px 80px rgba(20,84,150,.16),inset 0 0 0 12px rgba(255,255,255,.10);z-index:3}.visual-orb img{width:128px;height:128px}.visual-orb::before{content:"";position:absolute;inset:-42px;border:1px dashed rgba(73,200,255,.34);border-radius:50%;animation:spin 14s linear infinite}.visual-lines{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 28%,rgba(73,200,255,.18) 29%,transparent 30%),linear-gradient(48deg,transparent 0 63%,rgba(34,193,140,.13) 64%,transparent 65%)}
    .article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}.article-body{padding:42px;border-radius:32px;background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.38);box-shadow:var(--soft);backdrop-filter:blur(18px)}.article-body h2{font-size:34px;letter-spacing:-.04em;margin:0 0 16px}.article-body h3{font-size:24px;margin:34px 0 12px}.article-body p{color:#54667d;line-height:1.95;font-size:17px}.article-body pre{padding:20px;border-radius:20px;background:rgba(15,40,62,.86);color:#dff6ff;overflow:auto}.toc{position:sticky;top:100px}.login-wrap{display:grid;grid-template-columns:1fr 430px;gap:40px;align-items:center}.login-card{padding:36px;border-radius:34px}.field{display:grid;gap:8px;margin-bottom:18px}.field label{font-weight:900;color:#526a84}.field input{height:54px;border-radius:16px;border:1px solid rgba(177,204,231,.7);background:rgba(255,255,255,.66);padding:0 16px;outline:none}.field input:focus{border-color:rgba(10,141,219,.7);box-shadow:0 0 0 4px rgba(10,141,219,.08)}
    @media(max-width:1100px){.hero,.page-hero,.content-grid,.article-layout,.login-wrap{grid-template-columns:1fr}.hero-side{justify-self:start;width:min(100%,680px)}.knowledge-grid,.resource-grid,.member-grid,.feature-grid{grid-template-columns:1fr}.main{margin-top:-100px}.page-visual{min-height:280px}.toc{position:relative;top:0}}@media(max-width:760px){.shell{width:calc(100% - 28px)}.topbar-inner{height:auto;padding:16px 0;align-items:flex-start;flex-direction:column}.nav{gap:16px;flex-wrap:wrap}.hero{padding:12px 0 90px;min-height:auto}.page-hero{padding:54px 0 132px}.hero h1{font-size:48px}.page-hero h1{font-size:44px}.lead{font-size:17px}.hero-stats,.page-kpi{grid-template-columns:1fr}.logo-stage{height:330px}.big-logo{width:182px;height:182px}.pill-a,.pill-b,.pill-c,.float-chip,.data-stream{display:none}.main{margin-top:-76px;padding-top:46px}.card,.article-body{padding:22px}.card h2{font-size:24px}.footer{flex-direction:column}.cursor-glow,.cursor-ring{display:none}}

    .service-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px}.pipeline{display:grid;gap:12px}.pipeline-row{display:grid;grid-template-columns:minmax(90px,110px) minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.34);color:#54667d;font-weight:800}.pipeline-row strong{color:var(--deep)}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tool-card{padding:24px;border-radius:24px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.38);box-shadow:var(--soft)}.tool-card h3{margin:0 0 10px;font-size:22px;letter-spacing:-.03em}.control-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.search-input,.select-input,textarea.admin-input,input.admin-input{min-height:48px;border-radius:16px;border:1px solid rgba(177,204,231,.72);background:rgba(255,255,255,.68);padding:0 15px;color:var(--text);outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}.search-input{flex:1;min-width:220px}.select-input{min-width:150px}.search-input:focus,.select-input:focus,textarea.admin-input:focus,input.admin-input:focus{border-color:rgba(10,141,219,.72);box-shadow:0 0 0 4px rgba(10,141,219,.08)}.article-list{display:grid;gap:18px}.article-card{margin:0}.article-card[hidden],.member-card[hidden],.resource-card[hidden],.admin-panel[hidden],.modal-overlay[hidden]{display:none!important}.article-cover{height:180px;border-radius:24px;margin-bottom:20px;background:linear-gradient(135deg,rgba(10,141,219,.12),rgba(73,200,255,.10) 52%,rgba(34,193,140,.10));border:1px solid rgba(255,255,255,.46);position:relative;overflow:hidden}.article-cover::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(10,141,219,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(10,141,219,.08) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle at 60% 30%,black,transparent 70%)}.article-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}.article-body ul{color:#54667d;line-height:1.9;font-size:17px}.resource-tabs,.admin-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.resource-tab,.admin-tab{border:0;text-align:left;padding:18px;border-radius:22px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.38);box-shadow:var(--soft);cursor:pointer;color:var(--text);transition:.2s}.resource-tab strong,.admin-tab-title{display:block;font-size:18px;font-weight:950;letter-spacing:-.03em}.resource-tab span,.admin-tab-desc{display:block;margin-top:7px;color:var(--muted);font-weight:750;line-height:1.5}.resource-tab.active,.admin-tab.is-active{background:#e6f5ff;border-color:rgba(10,141,219,.28);transform:translateY(-2px)}.avatar{width:62px;height:62px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(180deg,#e6f5ff,#f5fbff);color:var(--blue);font-weight:950;font-size:22px;margin-bottom:20px}.contact-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.login-status{display:grid;gap:12px;margin-top:22px}.login-step{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;color:#5e7087;font-weight:750}.login-step i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e6f5ff;color:var(--blue-ink);font-style:normal;font-weight:950}.admin-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:22px}.admin-list{display:grid;gap:12px}.admin-item{padding:16px;border-radius:20px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.36);cursor:pointer;transition:.2s}.admin-item:hover,.admin-item.active{background:#e6f5ff;border-color:rgba(10,141,219,.28)}.admin-form{display:grid;gap:14px}.admin-form label{display:grid;gap:8px;color:#526a84;font-weight:900}.admin-input{width:100%;padding:13px 15px}.admin-form textarea{min-height:170px;padding-top:14px;resize:vertical}.editor-shell{padding:24px;border-radius:26px;background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.38);box-shadow:var(--soft)}.editor-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.mini-preview{min-height:220px;padding:20px;border-radius:20px;background:rgba(15,40,62,.88);color:#dff6ff;line-height:1.8;overflow:auto}.modal-overlay{position:fixed;inset:0;z-index:80;background:rgba(8,22,38,.38);backdrop-filter:blur(10px);display:grid;place-items:center;padding:24px}.modal{width:min(1040px,100%);max-height:min(760px,92vh);overflow:auto;border-radius:32px;background:rgba(244,249,255,.94);border:1px solid rgba(255,255,255,.64);box-shadow:0 34px 110px rgba(7,31,55,.28)}.modal-head{position:sticky;top:0;z-index:2;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:rgba(244,249,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(177,204,231,.42)}.modal-head h2{margin:0;font-size:28px;letter-spacing:-.04em}.modal-body{padding:24px}.icon-button{width:44px;height:44px;border-radius:50%;border:0;background:#e6f5ff;color:var(--blue-ink);font-weight:950;cursor:pointer}.empty-state{padding:26px;border-radius:24px;background:rgba(255,255,255,.62);border:1px dashed rgba(10,141,219,.30);color:var(--muted);font-weight:850;text-align:center}
    @media(max-width:1100px){.module-grid,.tool-grid,.site-map,.gallery-grid{grid-template-columns:1fr 1fr}.service-strip,.admin-layout{grid-template-columns:1fr}.resource-tabs,.admin-tabs{grid-template-columns:1fr 1fr}}@media(max-width:760px){.module-grid,.tool-grid,.site-map,.gallery-grid,.resource-tabs,.admin-tabs{grid-template-columns:1fr}.pipeline-row{grid-template-columns:1fr}.article-head{display:block}.modal-overlay{padding:10px}.modal-body{padding:18px}}

    .btn.compact{height:48px;padding:0 20px;font-size:15px}.field-lite{display:grid;gap:8px}.field-lite span{font-size:13px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#55708d}@keyframes pulseDot{50%{transform:scale(1.28);opacity:.58}}.refined-member-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.refined-member-card{display:flex;flex-direction:column;min-height:292px}.member-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.member-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:20px}.member-actions a,.member-actions button{min-height:42px;border-radius:999px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(10,141,219,.16);background:rgba(230,245,255,.76);color:#0a6fb1;font-weight:950;cursor:pointer}.member-actions button{font:inherit}.member-actions a:hover,.member-actions button:hover,.member-actions a:focus-visible,.member-actions button:focus-visible{background:var(--blue-solid);color:#fff}.team-section{margin-top:56px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(10,141,219,.36);outline-offset:3px}.nav a:focus-visible{border-radius:999px}.member-card[hidden]{display:none!important}
    @media(max-width:1180px){.refined-member-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.refined-member-grid{grid-template-columns:1fr}.member-actions a,.member-actions button{width:100%}.btn.compact{width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.particle-canvas,.cursor-glow,.cursor-ring{display:none!important}}

    /* Cross-page consistency pass: keep every added page inside the approved v9 rhythm. */
    :where(.hero,.page-hero,.content-grid,.article-layout,.login-wrap,.admin-layout,.module-grid,.tool-grid,.service-strip,.site-map,.gallery-grid,.resource-grid,.member-grid,.feature-grid,.resource-tabs,.admin-tabs)>*{min-width:0}
    :where(.card,.aside-card,.knowledge-card,.resource-card,.member-card,.visual-card,.tool-card,.login-card,.editor-shell,.article-body,.pipeline-row,.attach-item,.tag,.btn){overflow-wrap:anywhere}
    .profile-desc{white-space:pre-line}
    .admin-panel:not([hidden]) .reveal{
      opacity:1;
      transform:none!important;
    }
    .content-grid{grid-template-columns:minmax(0,1fr) minmax(280px,320px);gap:30px}
    .content-grid>aside{display:grid;gap:22px;align-content:start}
    .content-grid>aside .aside-card{margin-bottom:0}

    .content-grid .module-grid,.content-grid .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .service-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
    .tool-card,.site-map a,.gallery-tile{position:relative;overflow:hidden}

    .panel-title,.login-card h2,.editor-shell h2{margin-top:0}
    .login-message{margin-top:16px}
    .pipeline-row{grid-template-columns:minmax(90px,110px) minmax(0,1fr) auto}
    .pipeline-row span,.attach-item strong{min-width:0;overflow-wrap:anywhere}
    .btn{white-space:nowrap;text-align:center}
    .resource-tab,.admin-tab{min-width:0}
    .resource-tab span,.admin-tab-desc{overflow-wrap:anywhere}
    .article-body pre{max-width:100%}
    @media(max-width:1180px){.content-grid{grid-template-columns:minmax(0,1fr) 300px;gap:24px}.service-strip{grid-template-columns:1fr 1fr}.resource-tabs,.admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.module-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
    @media(max-width:1100px){.content-grid{grid-template-columns:1fr}.content-grid>aside{grid-template-columns:repeat(2,minmax(0,1fr))}.service-strip{grid-template-columns:1fr}.knowledge-grid,.resource-grid,.member-grid,.feature-grid{grid-template-columns:1fr}}
    @media(max-width:760px){.content-grid>aside{grid-template-columns:1fr}.hero-actions,.editor-actions,.control-row{align-items:stretch}.hero-actions .btn,.editor-actions .btn,.control-row .search-input,.control-row .select-input{width:100%;min-width:0}.btn{white-space:normal;min-height:52px}.pipeline-row{grid-template-columns:1fr}.footer{flex-wrap:wrap}.footer>span{overflow-wrap:anywhere}}

    /* Final anti-overlap guard for the approved v9 page set. */
    .hero,.page-hero,.content-grid,.article-layout,.login-wrap,.admin-layout{align-items:start}
    .logo-stage,.page-visual,.visual-orb{max-width:100%}
    .nav a,.btn,.tag{max-width:100%}
    @media(max-width:1180px){.service-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.content-grid{grid-template-columns:minmax(0,1fr) minmax(260px,300px)}}
    @media(max-width:1100px){.hero,.page-hero,.content-grid,.article-layout,.login-wrap,.admin-layout{grid-template-columns:1fr}.content-grid>aside{grid-template-columns:repeat(2,minmax(0,1fr))}.service-strip{grid-template-columns:1fr}}
    @media(max-width:760px){.content-grid>aside,.page-kpi,.hero-stats,.module-grid,.tool-grid,.site-map,.gallery-grid,.resource-tabs,.admin-tabs,.team-toolbar,.refined-member-grid{grid-template-columns:1fr}.nav{width:100%;align-items:flex-start}.nav a{overflow-wrap:anywhere}.btn{white-space:normal}}

    /* Homepage repack: match the real frontend's icon-button entry pattern without losing the approved v9 glass style. */
    .home-nav{gap:18px}
    .nav-link,.quick-action{
      --nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
    }
    .nav-link{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
    .nav-link::before,.quick-action::before{
      content:"";flex:0 0 auto;width:17px;height:17px;background:currentColor;opacity:.9;
      -webkit-mask:var(--nav-icon) center/contain no-repeat;mask:var(--nav-icon) center/contain no-repeat;
    }

    
    .nav-login{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'/%3E%3Cpath d='M10 17l5-5-5-5'/%3E%3Cpath d='M15 12H3'/%3E%3C/svg%3E")}

    

    

    

    

    

    

    
    @media(max-width:1180px){.home-nav{gap:14px}}
    @media(max-width:760px){.nav-link{white-space:normal}}

    /* Homepage correction: no gradient finish, cleaner v9 blue-white palette, and safer large-type rendering. */
    body{background:#eef5ff}
    .scroll-progress{background:var(--blue-solid)}
    .aurora-layer,.cursor-glow,.grid-overlay,.hero-bg::after,.tech-sweep,.logo-holo-grid,.visual-lines{display:none}
    .hero-bg::before{background:rgba(238,246,255,.58)}
    .mist-top{background:rgba(255,255,255,.42)}
    .mist-bottom{background:#eef5ff}
    .main{background:#eef5ff}
    .main::before{background:rgba(238,245,255,.94)}
    .hero h1,.page-hero h1{
      overflow:visible;
      line-height:1.08;
      letter-spacing:-.055em;
      background:none;
      color:#102238;
      -webkit-background-clip:initial;
      background-clip:initial;
      -webkit-text-fill-color:#102238;
      padding-bottom:.08em;
    }
    .section-title h2{line-height:1.12;letter-spacing:-.045em;overflow:visible;padding-bottom:.05em}
    .aside-card h3::after{background:#d7efff}
    .logo-stage,.page-visual,.panel-badge,.article-cover,.avatar,.gallery-tile,.quick-action.primary,.progress-bar span{
      background:#f5fbff;
    }

    .flash{display:none}
    .nav-link::before,.quick-action::before{display:none!important}
    .nav-link{gap:0}

    
    .card::after,.knowledge-card::after,.aside-card::after,.resource-card::after,.member-card::after,.login-card::after,.stat::after,.btn::after,.visual-card::after{background:none!important}
    .logo-stage::before,.logo-stage::after,.page-visual::before,.page-visual::after,.tech-web::before,.scanlines,.article-cover::after{display:none!important}
    .big-logo,.visual-orb{background:#fff}
    .data-stream{background:rgba(255,255,255,.22);mask-image:none}
    .article-cover,.gallery-tile,.avatar,.panel-badge{background:#f5fbff!important}
    
    @media(max-width:760px){.hero h1{font-size:46px;line-height:1.1}.page-hero h1{font-size:42px;line-height:1.1}}

    /* Homepage readability pass: later hero fade, stronger article contrast, unified top navigation. */
    .hero-wrap .hero-bg::before{
      background:linear-gradient(180deg,rgba(238,246,255,.20) 0%,rgba(238,246,255,.14) 58%,rgba(238,246,255,.36) 82%,rgba(238,246,255,.70) 100%);
    }
    .hero-wrap .mist-bottom{
      bottom:-116px;
      height:300px;
      background:linear-gradient(180deg,rgba(238,245,255,0) 0%,rgba(238,245,255,0) 46%,rgba(238,245,255,.42) 78%,#eef5ff 100%);
      filter:blur(22px);
    }
    .hero-wrap + .main{
      margin-top:-58px;
      padding-top:92px;
    }
    .hero-wrap + .main::before{
      top:-96px;
      height:150px;
      background:rgba(238,245,255,.82);
      filter:blur(20px);
    }
    .nav a{
      color:#385d7e;
      font-weight:900;
    }
    .nav a:hover,.nav a.active{
      color:var(--blue-ink);
    }
    .hero-actions .btn.primary{
      background:var(--blue-solid);
      color:#fff;
      border:1px solid rgba(10,141,219,.88);
      box-shadow:0 18px 34px rgba(10,141,219,.22);
    }
    .hero-actions .btn.secondary{
      background:rgba(255,255,255,.78);
      border-color:rgba(142,185,225,.62);
      color:#123b5c;
    }

    

    

    /* Gradient audit pass: keep the approved v9 blue-white palette, remove visible gradients. */
    body,
    .main,
    .main::before,
    .hero-wrap + .main,
    .hero-wrap + .main::before{
      background:#eef5ff!important;
    }
    .hero-bg::before,
    .hero-wrap .hero-bg::before{
      background:rgba(238,246,255,.42)!important;
    }
    .mist-top{
      background:rgba(255,255,255,.48)!important;
    }
    .mist-bottom,
    .hero-wrap .mist-bottom{
      background:#eef5ff!important;
      bottom:-128px;
      height:280px;
    }
    .scroll-progress,
    .btn.primary,
    .hero-actions .btn.primary,
    .progress-bar span{
      background:var(--blue-solid)!important;
    }
    .btn.secondary,
    .hero-actions .btn.secondary{
      background:rgba(255,255,255,.78)!important;
    }
    .logo-stage,
    .page-visual,
    .big-logo,
    .visual-orb,
    .panel-badge,
    .article-cover,
    .gallery-tile,
    .avatar,
    .data-stream,
    .page-kpi div,
    .stat{
      background:rgba(255,255,255,.72)!important;
    }
    .tag,
    .num,
    .tab.active,
    .tab:hover,
    .resource-tab.active,
    .admin-tab.is-active,
    .icon-button,
    .login-step i{
      background:#e6f5ff!important;
    }
    .aside-card h3::after{
      background:#d7efff!important;
    }
    .hero-bg::after,
    .grid-overlay,
    .aurora-layer,
    .cursor-glow,
    .tech-sweep,
    .logo-holo-grid,
    .visual-lines,
    .scanlines,
    .logo-stage::before,
    .logo-stage::after,
    .page-visual::before,
    .page-visual::after,
    .article-cover::after,
    .tech-web::before{
      display:none!important;
    }
    .particle-canvas{
      opacity:.18;
      mix-blend-mode:normal;
      mask-image:none!important;
    }
    .card::after,
    .knowledge-card::after,
    .aside-card::after,
    .resource-card::after,
    .member-card::after,
    .login-card::after,
    .stat::after,
    .btn::after,
    .visual-card::after,
    .flash{
      display:none!important;
      background:none!important;
    }
    /* Homepage summary only: detailed lists live in their own HTML files. */

    

    .aside-meta{
      margin-top:18px;
      color:var(--muted);
      font-size:13px;
      font-weight:900;
      font-variant-numeric:tabular-nums;
    }
    
    .hot-list a span{
      display:block;
      margin-top:6px;
      color:var(--muted);
      font-size:13px;
      font-weight:900;
      font-variant-numeric:tabular-nums;
    }
    .home-knowledge-section{
      margin-top:18px;
    }

    /* Homepage compact flow: remove the old full-screen hero gap and align the two content columns. */
    .hero-wrap{
      min-height:auto!important;
    }
    .hero-wrap .hero{
      min-height:auto!important;
      padding-top:34px;
      padding-bottom:64px;
      align-items:center;
    }
    .hero-wrap + .main{
      margin-top:0!important;
      padding-top:clamp(34px,4vw,58px)!important;
    }
    .hero-wrap + .main::before{
      display:none!important;
    }
    .hero-wrap .mist-bottom{
      bottom:-70px!important;
      height:150px!important;
    }
    @media(max-width:1100px){
      .hero-wrap .hero{
        padding-bottom:48px;
      }
    }
    @media(max-width:760px){
      .hero-wrap .hero{
        padding-top:22px;
        padding-bottom:34px;
      }
      .hero-wrap + .main{
        padding-top:30px!important;
      }
    }

    /* Subpage unification pass: match the current homepage rhythm and remove visible gradients. */
    .page-wrap{
      min-height:auto!important;
      background:#eef5ff!important;
    }
    .page-wrap .hero-bg{
      opacity:.72!important;
      filter:saturate(.96) contrast(.98) brightness(1.03)!important;
    }
    .page-wrap .hero-bg::before{
      background:rgba(238,246,255,.68)!important;
    }
    .page-wrap .mist-top{
      background:rgba(255,255,255,.46)!important;
      filter:blur(18px)!important;
    }
    .page-wrap .mist-bottom{
      display:none!important;
    }
    .page-wrap .grid-overlay,
    .page-wrap .aurora-layer{
      display:none!important;
    }
    .page-hero{
      padding:clamp(46px,5.8vw,74px) 0 clamp(42px,5vw,68px)!important;
      grid-template-columns:minmax(0,1fr) minmax(280px,420px)!important;
      gap:clamp(24px,3vw,36px)!important;
      align-items:center!important;
    }
    .page-hero h1{
      font-size:clamp(44px,5.4vw,76px)!important;
      line-height:1.08!important;
      max-width:850px;
    }
    .page-hero .lead{
      margin-top:20px!important;
      color:#354d66!important;
      font-weight:720!important;
      max-width:720px!important;
    }
    .page-kpi{
      max-width:720px;
      gap:14px!important;
      margin-top:24px!important;
    }
    .page-kpi div{
      background:rgba(255,255,255,.80)!important;
      border-color:rgba(170,205,236,.62)!important;
    }
    .page-visual{
      min-height:clamp(240px,28vw,320px)!important;
      border-radius:34px!important;
      background:rgba(255,255,255,.74)!important;
      border-color:rgba(170,205,236,.58)!important;
      box-shadow:0 22px 58px rgba(20,84,150,.12)!important;
    }
    .page-visual .visual-orb{
      width:clamp(152px,18vw,200px)!important;
      height:clamp(152px,18vw,200px)!important;
      background:#fff!important;
    }
    .page-wrap + .main,
    .main.page-main{
      margin-top:0!important;
      padding-top:clamp(34px,4vw,58px)!important;
      background:#eef5ff!important;
    }
    .page-wrap + .main::before,
    .main.page-main::before{
      display:none!important;
    }
    .page-main .content-grid,
    .page-main .resource-tabs,
    .page-main .resource-grid,
    .page-main .member-grid,
    .page-main .service-strip,
    .page-main .login-card,
    .page-main .control-row{
      align-items:start;
    }
    .page-main .card,
    .page-main .aside-card,
    .page-main .resource-card,
    .page-main .member-card,
    .page-main .visual-card,
    .login-card{
      background:rgba(255,255,255,.84)!important;
      border-color:rgba(170,205,236,.64)!important;
    }
    .page-main .read-more,
    .page-main .member-actions a{
      color:var(--blue-ink);
      font-weight:950;
    }
    .page-main .member-actions a:hover,
    .page-main .member-actions a:focus-visible,
    .page-main .member-actions button:hover,
    .page-main .member-actions button:focus-visible{
      background:var(--blue-solid);
      border-color:var(--blue-solid);
      color:#fff;
    }
    .page-main .service-strip .visual-card h3{
      margin-bottom:0;
    }
    .page-main .service-strip .visual-card h3::after{
      content:"";
      display:block;
      height:1px;
      margin:15px 0 18px;
      background:linear-gradient(90deg,rgba(124,143,166,.28),rgba(124,143,166,.08),transparent);
    }
    .page-main .service-strip .visual-card .pipeline{
      gap:0;
    }
    .page-main .service-strip .visual-card .pipeline-row{
      padding:14px 0;
      border:0;
      border-bottom:1px solid rgba(124,143,166,.18);
      border-radius:0;
      background:transparent;
    }
    .page-main .service-strip .visual-card .pipeline-row:first-child{
      padding-top:0;
    }
    .page-main .service-strip .visual-card .pipeline-row:last-child{
      padding-bottom:0;
      border-bottom:0;
    }
    .office-map{
      --pin-x:58%;
      --pin-y:46%;
      position:relative;
      min-height:168px;
      margin-top:18px;
      border-radius:22px;
      overflow:hidden;
      border:1px solid rgba(124,143,166,.20);
      background:
        linear-gradient(135deg,transparent 0 43%,rgba(255,255,255,.82) 44% 47%,transparent 48%),
        linear-gradient(26deg,transparent 0 55%,rgba(255,255,255,.70) 56% 58%,transparent 59%),
        linear-gradient(90deg,transparent 0 30%,rgba(10,141,219,.13) 31% 32%,transparent 33%),
        repeating-linear-gradient(0deg,rgba(38,88,126,.08) 0 1px,transparent 1px 24px),
        repeating-linear-gradient(90deg,rgba(38,88,126,.08) 0 1px,transparent 1px 24px),
        linear-gradient(135deg,#eef6fb,#e1eef7);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
    }
    
    .office-map.is-real{
      --pin-x:50%;
      --pin-y:50%;
      background:#e8f1f8;
      touch-action:manipulation;
    }
    #office .service-strip{
      align-items:stretch;
    }
    #office .visual-card{
      height:100%;
      display:flex;
      flex-direction:column;
    }
    #office .office-map{
      margin-top:28px;
      min-height:220px;
    }
    #office .office-note-card p{
      padding-bottom:22px;
    }
    #office .contact-row{
      margin-top:auto;
      padding-top:22px;
      justify-content:flex-start;
      align-items:flex-end;
    }
    #office .pipeline-row{
      grid-template-columns:1fr;
      gap:8px;
    }
    .office-map-tiles{
      position:absolute;
      left:50%;
      top:50%;
      width:768px;
      height:768px;
      display:grid;
      grid-template-columns:repeat(3,256px);
      grid-template-rows:repeat(3,256px);
      transform:translate(calc(var(--focus-x,384px) * -1),calc(var(--focus-y,384px) * -1));
      filter:saturate(.92) contrast(.98);
      pointer-events:none;
    }
    .office-map-tiles img{
      width:256px;
      height:256px;
      display:block;
    }
    .office-map-marker{
      position:absolute;
      z-index:2;
      left:var(--pin-x);
      top:var(--pin-y);
      width:18px;
      height:18px;
      border-radius:50% 50% 50% 0;
      background:#0a8ddb;
      border:3px solid #fff;
      box-shadow:0 12px 28px rgba(10,141,219,.30);
      transform:translate(-50%,-50%) rotate(-45deg);
    }
    .office-map-marker::after{
      content:"";
      position:absolute;
      inset:4px;
      border-radius:50%;
      background:#fff;
    }

    
    @media(max-width:1100px){
      .page-hero{
        grid-template-columns:1fr!important;
      }
      .page-visual{
        max-width:520px;
      }
    }
    @media(max-width:760px){
      .page-hero{
        padding:34px 0 38px!important;
      }
      .page-hero h1{
        font-size:40px!important;
      }
      .page-wrap + .main,
      .main.page-main{
        padding-top:30px!important;
      }
    }

    /* Final consistency pass: subpages use the same restrained motion system as index.html. */
    :root{
      --motion-fast:.18s cubic-bezier(.2,.8,.2,1);
      --motion-soft:.42s cubic-bezier(.2,.8,.2,1);
    }
    .topbar{
      background:rgba(255,255,255,.72)!important;
      border-bottom:1px solid rgba(170,205,236,.42)!important;
      box-shadow:0 10px 26px rgba(20,84,150,.06)!important;
    }
    .nav a{
      position:relative;
      padding:8px 0;
      transition:color var(--motion-fast)!important;
    }
    .nav a::after{
      content:"";
      position:absolute;
      left:0;
      right:0;
      bottom:0;
      height:2px;
      border-radius:999px;
      background:var(--blue-solid);
      transform:scaleX(0);
      transform-origin:center;
      transition:transform var(--motion-fast);
    }
    .nav a:hover::after,
    .nav a.active::after{
      transform:scaleX(1);
    }
    .reveal{
      transform:translateY(18px)!important;
      transition:opacity .56s ease,transform .56s cubic-bezier(.2,.8,.2,1)!important;
    }
    .reveal.visible{
      transform:none!important;
    }
    .card,
    .aside-card,
    .knowledge-card,
    .resource-card,
    .member-card,
    .visual-card,
    .login-card,
    .stat,
    .tool-card,
    .admin-item,
    .resource-tab,
    .admin-tab,
    .site-map a{
      transition:transform var(--motion-fast),box-shadow var(--motion-fast),border-color var(--motion-fast),background-color var(--motion-fast),color var(--motion-fast)!important;
    }
    .card:hover,
    .aside-card:hover,
    .knowledge-card:hover,
    .resource-card:hover,
    .member-card:hover,
    .visual-card:hover,
    .login-card:hover,
    .stat:hover,
    .tool-card:hover,
    .admin-item:hover,
    .site-map a:hover{
      transform:translateY(-2px)!important;
      box-shadow:0 18px 46px rgba(20,84,150,.12)!important;
      border-color:rgba(145,196,236,.78)!important;
    }
    .btn,
    .read-more,
    .member-actions a,
    .member-actions button{
      transition:transform var(--motion-fast),box-shadow var(--motion-fast),background-color var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast)!important;
    }
    .btn:hover,
    .read-more:hover,
    .member-actions a:hover,
    .member-actions button:hover{
      transform:translateY(-2px)!important;
    }
    .page-wrap .tech-sweep,
    .page-wrap .logo-holo-grid,
    .page-wrap .scanlines,
    .page-wrap .tech-web,
    .page-wrap .pulse-ring,
    .page-wrap .ring,
    .page-wrap .visual-lines,
    .page-wrap .visual-orb::before,
    .page-wrap .page-visual::before,
    .page-wrap .page-visual::after,
    .flash{
      display:none!important;
      animation:none!important;
    }
    .page-wrap .page-visual{
      overflow:hidden!important;
      display:grid!important;
      place-items:center!important;
      background:rgba(255,255,255,.78)!important;
      border:1px solid rgba(170,205,236,.58)!important;
      box-shadow:0 18px 46px rgba(20,84,150,.11)!important;
      transform:none!important;
    }
    .page-wrap .visual-orb,
    .page-wrap .big-logo{
      animation:none!important;
      transition:transform var(--motion-soft),box-shadow var(--motion-soft)!important;
      box-shadow:0 20px 58px rgba(20,84,150,.14),inset 0 0 0 12px rgba(10,141,219,.04)!important;
    }
    .page-wrap .visual-orb:hover,
    .page-wrap .big-logo:hover{
      transform:scale(1.04)!important;
    }
    .page-main .tabs,
    .team-toolbar,
    .state-panel{
      background:rgba(255,255,255,.76)!important;
      border:1px solid rgba(170,205,236,.56)!important;
      box-shadow:0 14px 34px rgba(20,84,150,.08)!important;
    }
    .page-main .resource-tabs,
    .page-main .admin-tabs{
      background:transparent!important;
      border:0!important;
      box-shadow:none!important;
      padding:0!important;
    }
    .page-main .control-row{
      background:transparent!important;
      border:0!important;
      box-shadow:none!important;
      padding:0!important;
    }
    .resource-tab:hover,
    .admin-tab:hover,
    .resource-tab.active,
    .admin-tab.is-active,
    .tab.active,
    .tab:hover{
      transform:translateY(-2px)!important;
      background:#e6f5ff!important;
      border-color:rgba(10,141,219,.30)!important;
      color:#075f96!important;
    }
    .page-main .card,
    .page-main .aside-card,
    .page-main .resource-card,
    .page-main .member-card,
    .page-main .visual-card,
    .page-main .tool-card,
    .login-card{
      border-radius:28px!important;
      box-shadow:0 14px 34px rgba(20,84,150,.08)!important;
    }
    .page-main .article-cover,
    .gallery-tile,
    .progress-bar span{
      background:#e6f5ff!important;
    }
    
    .ripple{
      background:rgba(10,141,219,.18)!important;
      mix-blend-mode:normal!important;
    }
    @media(max-width:760px){
      .nav a{
        padding:6px 0;
      }
      .card:hover,
      .aside-card:hover,
      .knowledge-card:hover,
      .resource-card:hover,
      .member-card:hover,
      .visual-card:hover,
      .login-card:hover,
      .stat:hover,
      .tool-card:hover,
      .admin-item:hover,
      .site-map a:hover{
        transform:none!important;
      }
    }

    /* v9 reference restore: keep the approved page skeleton and micro-interactions. */
    body{
      background:linear-gradient(180deg,#f8fbff,#eef5ff)!important;
    }
    .topbar{
      background:rgba(255,255,255,.38)!important;
      border-bottom:1px solid rgba(255,255,255,.25)!important;
      box-shadow:none!important;
      backdrop-filter:blur(16px) saturate(1.15)!important;
      -webkit-backdrop-filter:blur(16px) saturate(1.15)!important;
    }
    .nav a{
      padding:0;
    }
    .nav a::after{
      display:none!important;
    }
    .page-wrap{
      min-height:520px!important;
      position:relative!important;
      isolation:isolate!important;
      overflow:hidden!important;
      background:transparent!important;
    }
    .hero-bg::after,
    .grid-overlay,
    .aurora-layer,
    .cursor-glow,
    .tech-sweep,
    .logo-holo-grid,
    .scanlines,
    .tech-web,
    .visual-lines,
    .pulse-ring,
    .ring,
    .flash{
      display:block!important;
    }
    .hero-bg::before{
      background:linear-gradient(180deg,rgba(248,252,255,.56),rgba(248,252,255,.20) 22%,rgba(244,249,255,.08) 48%,rgba(239,246,255,.32) 74%,rgba(239,246,255,.76) 100%),linear-gradient(90deg,rgba(248,252,255,.26),rgba(248,252,255,.06) 26%,rgba(248,252,255,.05) 72%,rgba(248,252,255,.20))!important;
    }
    .hero-bg::after{
      content:""!important;
      background:radial-gradient(circle at var(--mx,50%) var(--my,24%),rgba(71,182,255,.08),transparent 24%),radial-gradient(ellipse at 18% 12%,rgba(255,255,255,.28),transparent 26%),radial-gradient(ellipse at 50% 100%,rgba(255,255,255,.30),transparent 42%)!important;
      filter:blur(12px)!important;
      mix-blend-mode:screen!important;
    }
    .mist-top{
      display:block!important;
      top:-40px!important;
      height:230px!important;
      background:linear-gradient(180deg,rgba(255,255,255,.54),rgba(255,255,255,.16) 55%,transparent)!important;
    }
    .mist-bottom{
      display:block!important;
      bottom:-20px!important;
      height:360px!important;
      background:linear-gradient(180deg,transparent,rgba(247,251,255,.16) 26%,rgba(247,251,255,.52) 62%,#eef5ff 100%)!important;
    }
    .grid-overlay{
      background-image:linear-gradient(rgba(10,141,219,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(10,141,219,.022) 1px,transparent 1px)!important;
      background-size:32px 32px!important;
      mask-image:linear-gradient(180deg,rgba(0,0,0,.74),rgba(0,0,0,.12) 72%,transparent)!important;
    }
    .hero h1,
    .page-hero h1{
      background:linear-gradient(90deg,#102138,#123354 42%,#0a8ddb 86%)!important;
      -webkit-background-clip:text!important;
      background-clip:text!important;
      color:transparent!important;
      -webkit-text-fill-color:transparent!important;
      line-height:1.02!important;
      overflow:visible!important;
    }
    .page-hero{
      padding:86px 0 164px!important;
      display:grid!important;
      grid-template-columns:minmax(0,1.05fr) .95fr!important;
      gap:36px!important;
      align-items:center!important;
    }
    .page-hero .lead{
      color:#435d7d!important;
      font-weight:650!important;
    }
    .page-wrap + .main,
    .main.page-main{
      margin-top:-128px!important;
      padding-top:76px!important;
      background:linear-gradient(180deg,rgba(238,245,255,0),rgba(238,245,255,.18) 52px,rgba(238,245,255,.58) 132px,#eef5ff 240px)!important;
    }
    .page-wrap + .main::before,
    .main.page-main::before{
      display:block!important;
      content:""!important;
      position:absolute!important;
      left:-4%!important;
      right:-4%!important;
      top:-210px!important;
      height:290px!important;
      background:linear-gradient(180deg,rgba(238,245,255,0),rgba(238,245,255,.12) 22%,rgba(238,245,255,.34) 48%,rgba(238,245,255,.70) 78%,rgba(238,245,255,.96))!important;
      filter:blur(18px)!important;
      pointer-events:none!important;
      z-index:-1!important;
    }
    .logo-stage,
    .page-visual{
      background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.22))!important;
      border:1px solid rgba(255,255,255,.34)!important;
      box-shadow:0 30px 88px rgba(20,84,150,.14)!important;
      backdrop-filter:blur(20px) saturate(1.08)!important;
      -webkit-backdrop-filter:blur(20px) saturate(1.08)!important;
    }
    .page-visual{
      min-height:330px!important;
      border-radius:40px!important;
    }
    .page-wrap .page-visual{
      background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.22))!important;
      border:1px solid rgba(255,255,255,.34)!important;
      box-shadow:0 30px 88px rgba(20,84,150,.14)!important;
      backdrop-filter:blur(20px) saturate(1.08)!important;
      -webkit-backdrop-filter:blur(20px) saturate(1.08)!important;
      transform:none!important;
    }
    .logo-stage::before,
    .page-visual::before{
      display:block!important;
      content:""!important;
      position:absolute!important;
      inset:14px!important;
      border-radius:38px!important;
      border:1px solid rgba(255,255,255,.30)!important;
      background:radial-gradient(circle at 24% 28%,rgba(10,141,219,.14),transparent 24%),radial-gradient(circle at 72% 70%,rgba(37,190,141,.12),transparent 22%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.18),transparent 42%)!important;
    }
    .logo-stage::after,
    .page-visual::after{
      display:block!important;
      content:""!important;
      position:absolute!important;
      inset:-18%!important;
      background:conic-gradient(from 0deg,transparent,rgba(10,141,219,.10),transparent,rgba(32,181,136,.08),transparent,rgba(112,171,255,.08),transparent)!important;
      filter:blur(14px)!important;
      animation:slowHalo 12s linear infinite!important;
      opacity:.72!important;
    }
    .page-wrap .page-visual::before{
      display:block!important;
      content:""!important;
      position:absolute!important;
      inset:14px!important;
      border-radius:38px!important;
      border:1px solid rgba(255,255,255,.30)!important;
      background:radial-gradient(circle at 24% 28%,rgba(10,141,219,.14),transparent 24%),radial-gradient(circle at 72% 70%,rgba(37,190,141,.12),transparent 22%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.18),transparent 42%)!important;
    }
    .page-wrap .page-visual::after{
      display:block!important;
      content:""!important;
      position:absolute!important;
      inset:-18%!important;
      background:conic-gradient(from 0deg,transparent,rgba(10,141,219,.10),transparent,rgba(32,181,136,.08),transparent,rgba(112,171,255,.08),transparent)!important;
      filter:blur(14px)!important;
      animation:slowHalo 12s linear infinite!important;
      opacity:.72!important;
    }
    .page-wrap .tech-sweep,
    .page-wrap .logo-holo-grid,
    .page-wrap .scanlines,
    .page-wrap .tech-web,
    .page-wrap .pulse-ring,
    .page-wrap .ring,
    .page-wrap .visual-lines,
    .page-wrap .visual-orb::before{
      display:block!important;
    }
    .tech-sweep{
      background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.22) 48%,transparent 54% 100%)!important;
      transform:translateX(-120%)!important;
      animation:sweep 4.8s ease-in-out infinite!important;
      mix-blend-mode:screen!important;
    }
    .scanlines{
      background:repeating-linear-gradient(180deg,rgba(255,255,255,0) 0 12px,rgba(79,157,230,.025) 12px 13px)!important;
      opacity:.7!important;
      mask-image:linear-gradient(180deg,transparent,black 16%,black 84%,transparent)!important;
    }
    .logo-holo-grid{
      opacity:.38!important;
      background:linear-gradient(90deg,transparent 0 23%,rgba(73,200,255,.16) 24%,transparent 25% 49%,rgba(73,200,255,.12) 50%,transparent 51% 74%,rgba(34,193,140,.10) 75%,transparent 76%),linear-gradient(0deg,transparent 0 18%,rgba(255,255,255,.18) 19%,transparent 20% 48%,rgba(73,200,255,.10) 49%,transparent 50% 78%,rgba(255,255,255,.16) 79%,transparent 80%)!important;
    }
    .tech-web::before{
      display:block!important;
      content:""!important;
      background:linear-gradient(122deg,transparent 0 36%,rgba(81,167,237,.14) 37%,transparent 38%),linear-gradient(56deg,transparent 0 62%,rgba(34,193,140,.10) 63%,transparent 64%),radial-gradient(circle at 20% 24%,rgba(10,141,219,.75) 0 2px,transparent 3px),radial-gradient(circle at 78% 30%,rgba(73,200,255,.76) 0 2px,transparent 3px),radial-gradient(circle at 68% 72%,rgba(34,193,140,.72) 0 2px,transparent 3px),radial-gradient(circle at 24% 76%,rgba(112,171,255,.72) 0 2px,transparent 3px)!important;
      opacity:.58!important;
    }
    .pulse-ring{
      animation:pulse 3.6s ease-out infinite!important;
    }
    .ring,
    .visual-orb::before{
      animation:spin 18s linear infinite!important;
    }
    .page-wrap .pulse-ring{
      animation:pulse 3.6s ease-out infinite!important;
    }
    .page-wrap .ring,
    .page-wrap .visual-orb::before{
      animation:spin 18s linear infinite!important;
    }
    .r2{
      animation-direction:reverse!important;
    }
    .visual-lines{
      background:linear-gradient(120deg,transparent 0 28%,rgba(73,200,255,.18) 29%,transparent 30%),linear-gradient(48deg,transparent 0 63%,rgba(34,193,140,.13) 64%,transparent 65%)!important;
    }
    .visual-orb,
    .big-logo{
      background:radial-gradient(circle at 30% 26%,rgba(255,255,255,.92),rgba(255,255,255,.50))!important;
      box-shadow:0 30px 80px rgba(20,84,150,.16),inset 0 0 0 12px rgba(255,255,255,.10)!important;
    }
    .page-wrap .visual-orb{
      background:radial-gradient(circle at 30% 26%,rgba(255,255,255,.92),rgba(255,255,255,.50))!important;
      box-shadow:0 30px 80px rgba(20,84,150,.16),inset 0 0 0 12px rgba(255,255,255,.10)!important;
      transition:.35s cubic-bezier(.2,.8,.2,1)!important;
    }
    .card::after,
    .knowledge-card::after,
    .aside-card::after,
    .resource-card::after,
    .member-card::after,
    .login-card::after,
    .stat::after,
    .btn::after,
    .visual-card::after{
      display:block!important;
      background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%),rgba(73,200,255,.18),transparent 32%)!important;
    }
    .card:hover .flash,
    .resource-card:hover .flash,
    .member-card:hover .flash{
      opacity:1!important;
      animation:cardSweep .82s ease-out!important;
    }
    .card:hover,
    .aside-card:hover,
    .knowledge-card:hover,
    .resource-card:hover,
    .member-card:hover,
    .visual-card:hover{
      transform:translateY(-4px)!important;
      box-shadow:var(--shadow)!important;
      border-color:rgba(188,216,245,.9)!important;
    }
    .ripple{
      background:rgba(73,200,255,.36)!important;
      mix-blend-mode:screen!important;
      animation:ripple .72s ease-out forwards!important;
    }
    @media(max-width:1100px){
      .page-hero{
        grid-template-columns:1fr!important;
      }
      .page-wrap + .main,
      .main.page-main{
        margin-top:-100px!important;
      }
      .page-visual{
        min-height:280px!important;
      }
    }
    @media(max-width:760px){
      .page-hero{
        padding:54px 0 132px!important;
      }
      .page-hero h1{
        font-size:44px!important;
      }
      .page-wrap + .main,
      .main.page-main{
        margin-top:-76px!important;
        padding-top:46px!important;
      }
      .cursor-glow,
      .cursor-ring{
        display:none!important;
      }
    }

    /* Project data bindings: keep generated content inside the template visual language. */
    .grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:14px;
    }
    .nav [data-user-nav]{
      display:flex;
      align-items:center;
      gap:22px;
    }
    .footer{
      flex-wrap:wrap;
      align-items:center;
    }
    .footer-friend-links{
      flex:0 1 auto;
      display:flex;
      flex-wrap:wrap;
      gap:10px 12px;
      align-items:center;
      min-width:0;
    }
    .footer-friend-head{
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
      color:#526a84;
      font-size:14px;
    }
    .footer-friend-head strong{
      font-weight:950;
    }
    .footer-friend-head .btn{
      min-height:30px;
      height:30px;
      padding:0 10px;
      font-size:12px;
    }
    .footer-friend-list{
      display:flex;
      align-items:center;
      justify-content:flex-start;
      gap:10px;
      flex-wrap:wrap;
      min-width:0;
    }
    .footer-friend-link{
      display:inline-flex;
      align-items:center;
      gap:7px;
      min-height:30px;
      max-width:100%;
      padding:5px 10px;
      border-radius:999px;
      background:rgba(255,255,255,.58);
      border:1px solid rgba(177,204,231,.42);
      color:#45617d;
      font-size:13px;
      font-weight:900;
      line-height:1.2;
    }
    .footer-friend-link:hover{
      color:var(--blue-ink);
      border-color:rgba(10,141,219,.28);
      background:rgba(230,245,255,.76);
    }
    .footer-friend-icon{
      width:18px;
      height:18px;
      flex:0 0 18px;
      border-radius:5px;
      object-fit:cover;
      background:#eff6fb;
    }
    .footer-friend-icon.fallback{
      display:grid;
      place-items:center;
      color:var(--blue-ink);
      font-size:11px;
      font-weight:950;
    }
    .footer-friend-empty{
      color:var(--muted);
      font-size:13px;
      font-weight:850;
    }
    .footer-friend-link>span:last-child{
      min-width:0;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    @media(max-width:760px){
      .footer-friend-links,
      .footer-friend-head,
      .footer-friend-list{
        justify-content:center;
      }
    }
    .footer-edit-button{
      min-height:30px;
      height:30px;
      padding:0 10px;
      font-size:12px;
    }
    .article-actions{
      display:flex;
      justify-content:flex-end;
      margin-bottom:18px;
    }
    .home-notice-actions{
      display:flex;
      justify-content:flex-end;
      margin-top:18px;
    }
    .home-notice-actions[hidden]{
      display:none!important;
    }
    .post-info-card .pipeline{
      gap:10px;
    }
    .post-info-card .pipeline-row{
      grid-template-columns:max-content minmax(0,1fr);
      gap:10px;
      align-items:start;
      padding:12px 14px;
    }
    .post-info-card .pipeline-row strong{
      min-width:2.25em;
    }
    .join-page .visual-card,
    .join-page .member-card{
      display:flex;
      flex-direction:column;
    }
    .join-page [data-block-tags]{
      margin-top:auto;
      padding-top:18px;
      align-self:flex-start;
      justify-content:flex-start;
    }
    [data-admin-only][hidden]{
      display:none!important;
    }
    [data-block-editor-tags-group][hidden],
    [data-block-editor-rows-group][hidden],
    [data-block-editor-links-group][hidden],
    [data-team-term-panel][hidden]{
      display:none!important;
    }
    .team-term-switcher{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin:0 0 22px;
      padding:14px;
      border-radius:24px;
      background:rgba(255,255,255,.62);
      border:1px solid rgba(255,255,255,.38);
      box-shadow:var(--soft);
    }
    .team-term-button{
      min-height:48px;
      border-radius:999px;
      border:1px solid rgba(10,141,219,.18);
      background:rgba(230,245,255,.76);
      color:#0a6fb1;
      padding:0 18px;
      display:inline-flex;
      align-items:center;
      gap:10px;
      font:inherit;
      font-weight:950;
      cursor:pointer;
      transition:.18s ease;
    }
    .team-term-button span{
      color:#54667d;
      font-size:13px;
      font-weight:850;
    }
    .team-term-button:hover,
    .team-term-button:focus-visible,
    .team-term-button.is-active{
      background:var(--blue-solid);
      border-color:var(--blue-solid);
      color:#fff;
      transform:translateY(-1px);
    }
    .team-term-button:hover span,
    .team-term-button:focus-visible span,
    .team-term-button.is-active span{
      color:rgba(255,255,255,.84);
    }
    .editable-block{
      position:relative;
    }
    .editable-block-actions{
      position:absolute;
      right:16px;
      top:16px;
      z-index:8;
      display:flex;
      justify-content:flex-end;
      pointer-events:auto;
    }
    .editable-block-actions .btn{
      min-height:38px;
      height:38px;
      padding:0 14px;
      font-size:13px;
      background:rgba(255,255,255,.82);
    }
    .page-kpi .editable-block-actions,
    .hero-stats .editable-block-actions{
      right:8px;
      top:8px;
    }
    .page-kpi .editable-block-actions .btn,
    .hero-stats .editable-block-actions .btn{
      min-height:28px;
      height:28px;
      padding:0 9px;
      border-radius:999px;
      font-size:12px;
      line-height:1;
      background:rgba(255,255,255,.72);
      box-shadow:none;
    }
    .aside-list a.active{
      color:var(--blue-ink);
    }
    .home-notice-actions .btn{
      min-height:42px;
      padding:0 16px;
      font-size:14px;
    }
    .btn.danger,
    .danger{
      background:#fff0f0!important;
      border:1px solid rgba(217,95,70,.28)!important;
      color:#b33b2f!important;
    }

    
    input[type="file"].admin-input{
      min-height:58px;
      padding:9px 12px;
      color:#5c7189;
      font-weight:850;
      cursor:pointer;
      background:rgba(255,255,255,.70);
    }
    input[type="file"].admin-input::file-selector-button{
      min-height:38px;
      margin:0 14px 0 0;
      padding:0 16px;
      border:1px solid rgba(10,141,219,.18);
      border-radius:999px;
      background:#e6f5ff;
      color:#0a6fb1;
      font:inherit;
      font-weight:950;
      cursor:pointer;
      box-shadow:0 10px 20px rgba(20,84,150,.08),inset 0 1px 0 rgba(255,255,255,.80);
      transition:.2s;
    }
    input[type="file"].admin-input:hover::file-selector-button,
    input[type="file"].admin-input:focus-visible::file-selector-button{
      background:var(--blue-solid);
      border-color:rgba(10,141,219,.82);
      color:#fff;
      box-shadow:0 14px 26px rgba(10,141,219,.18);
    }
    .inline-uploader{
      display:flex;
      align-items:end;
      gap:12px;
      flex-wrap:wrap;
    }
    .inline-uploader label{
      flex:1 1 240px;
    }
    .admin-post-workspace{
      display:grid;
      gap:18px;
    }
    .admin-post-head{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:18px;
    }
    .admin-post-head p{
      margin:8px 0 0;
      color:#54667d;
      line-height:1.75;
      font-weight:750;
    }
    .admin-post-summary{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:12px;
    }
    .admin-tabs{
      grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
    }
    .knowledge-summary{
      grid-template-columns:repeat(3,minmax(0,1fr));
      margin-bottom:22px;
    }
    .admin-post-summary div{
      padding:16px;
      border-radius:20px;
      background:rgba(255,255,255,.58);
      border:1px solid rgba(255,255,255,.36);
      box-shadow:var(--soft);
    }
    .admin-post-summary strong{
      display:block;
      color:var(--deep);
      font-size:28px;
      letter-spacing:-.04em;
    }
    .admin-post-summary span{
      display:block;
      margin-top:4px;
      color:var(--muted);
      font-weight:850;
    }
    .usage-panel{
      display:grid;
      gap:14px;
      margin-top:16px;
    }
    .usage-kpis{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:12px;
    }
    .usage-kpis div{
      padding:16px;
      border-radius:20px;
      background:rgba(255,255,255,.58);
      border:1px solid rgba(255,255,255,.36);
      box-shadow:var(--soft);
    }
    .usage-kpis strong{
      display:block;
      color:var(--deep);
      font-size:26px;
      letter-spacing:-.03em;
      overflow-wrap:anywhere;
    }
    .usage-kpis span{
      display:block;
      margin-top:4px;
      color:var(--muted);
      font-weight:850;
    }
    .usage-detail{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:12px;
    }
    .usage-detail>div{
      padding:16px;
      border-radius:20px;
      background:rgba(255,255,255,.46);
      border:1px solid rgba(177,204,231,.34);
    }
    .usage-detail h4{
      margin:0 0 10px;
      color:var(--deep);
      font-size:16px;
    }
    .usage-detail p{
      display:flex;
      justify-content:space-between;
      gap:12px;
      margin:0;
      padding:10px 0;
      border-top:1px solid rgba(177,204,231,.38);
      color:#54667d;
      font-weight:800;
    }
    .usage-detail p:first-of-type{
      border-top:0;
    }
    .usage-detail strong{
      color:#245b82;
      text-align:right;
      white-space:nowrap;
    }
    .usage-detail span{
      min-width:0;
      overflow-wrap:anywhere;
    }
    .article-cover img{
      width:100%;
      height:100%;
      object-fit:cover;
      border-radius:inherit;
    }
    .pagination{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:14px;
      margin-top:24px;
      flex-wrap:wrap;
    }
    .pagination-info{
      color:#54667d;
      font-weight:900;
    }
    .pagination button[disabled]{
      opacity:.45;
      cursor:not-allowed;
      transform:none;
    }
    .admin-post-list{
      grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .admin-post-card{
      display:flex;
      flex-direction:column;
      min-height:220px;
      border-color:rgba(10,141,219,.24)!important;
      background:rgba(255,255,255,.76);
      box-shadow:0 14px 34px rgba(20,84,150,.10);
    }
    .admin-post-card .editor-actions{
      margin-top:auto;
      padding-top:14px;
    }
    .image-avatar{
      object-fit:cover;
      padding:0;
    }
    .member-card .avatar{
      flex:0 0 auto;
    }
    .admin-item strong{
      display:block;
      margin-bottom:8px;
      font-size:18px;
      letter-spacing:-.02em;
      color:var(--text);
    }
    .admin-item .editor-actions{
      margin-top:14px;
    }
    .admin-contact-icons{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin-top:14px;
    }
    .contact-icon{
      width:34px;
      height:34px;
      border-radius:50%;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background:rgba(230,245,255,.82);
      border:1px solid rgba(10,141,219,.18);
      color:#0a6fb1;
      font-size:11px;
      font-weight:950;
      letter-spacing:.02em;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
      transition:.2s;
    }
    .contact-icon:hover,
    .contact-icon:focus-visible{
      background:var(--blue-solid);
      color:#fff;
      transform:translateY(-1px);
    }
    .modal-open{
      overflow:hidden;
    }
    .is-dragover{
      border-color:rgba(10,141,219,.72)!important;
      box-shadow:0 0 0 4px rgba(10,141,219,.08)!important;
    }
    .error{
      color:#b33b2f!important;
    }
    .article-body a{
      color:var(--blue-ink);
      font-weight:850;
      text-decoration:underline;
      text-decoration-color:rgba(10,141,219,.28);
      text-underline-offset:4px;
      transition:color .18s ease,text-decoration-color .18s ease,background-color .18s ease;
    }
    .article-body a:hover,
    .article-body a:focus-visible{
      color:#075f96;
      text-decoration-color:rgba(10,141,219,.68);
      background:rgba(230,245,255,.62);
    }
    .article-body .custom-block{
      margin:22px 0;
      padding:15px 18px 16px;
      border-radius:14px;
      border:1px solid rgba(10,141,219,.18);
      border-left:4px solid #0a8ddb;
      background:rgba(230,245,255,.62);
      color:#405c73;
    }
    .article-body .custom-block-title{
      margin:0 0 8px!important;
      color:#0a6fb1!important;
      font-size:14px!important;
      line-height:1.4!important;
      font-weight:950;
      letter-spacing:.02em;
    }
    .article-body .custom-block p{
      margin:0;
    }
    .article-body .custom-block p+p,
    .article-body .custom-block ul,
    .article-body .custom-block ol,
    .article-body .custom-block pre{
      margin-top:10px;
    }
    .article-body .custom-block.warning{
      border-color:rgba(190,131,20,.22);
      border-left-color:#c98211;
      background:rgba(255,247,230,.72);
    }
    .article-body .custom-block.warning .custom-block-title{
      color:#9a620a!important;
    }
    .article-body .custom-block.danger{
      border-color:rgba(197,76,58,.22);
      border-left-color:#d95f46;
      background:rgba(255,241,238,.76);
    }
    .article-body .custom-block.danger .custom-block-title{
      color:#b33b2f!important;
    }
    .preview .article-body{
      background:transparent;
      border:0;
      box-shadow:none;
      backdrop-filter:none;
      padding:0;
    }
    .preview .mini-preview,
    .preview .mini-preview :where(h1,h2,h3,h4,h5,h6,p,li,blockquote,strong,em,span,a,code){
      color:#111827!important;
    }
    .preview .mini-preview a{
      color:var(--cyan)!important;
      text-decoration:underline;
      text-underline-offset:3px;
    }
    .preview .mini-preview .custom-block-title{
      color:#0a6fb1!important;
    }
    .preview .mini-preview pre{
      background:rgba(255,255,255,.68)!important;
      border:1px solid rgba(177,204,231,.42);
      color:#111827!important;
    }
    .modal,
    .modal-body,
    textarea.admin-input,
    .mini-preview{
      scrollbar-width:thin;
      scrollbar-color:rgba(10,141,219,.42) rgba(255,255,255,.42);
    }
    textarea.admin-input{
      overflow:auto;
      background-clip:padding-box;
    }
    .modal::-webkit-scrollbar,
    .modal-body::-webkit-scrollbar,
    textarea.admin-input::-webkit-scrollbar,
    .mini-preview::-webkit-scrollbar{
      width:10px;
      height:10px;
    }
    .modal::-webkit-scrollbar-track,
    .modal-body::-webkit-scrollbar-track,
    textarea.admin-input::-webkit-scrollbar-track,
    .mini-preview::-webkit-scrollbar-track{
      background:rgba(255,255,255,.42);
      border-radius:999px;
    }
    textarea.admin-input::-webkit-scrollbar-track{
      margin-block:10px;
    }
    textarea.admin-input::-webkit-scrollbar-button{
      width:0;
      height:0;
      display:none;
    }
    textarea.admin-input::-webkit-scrollbar-corner{
      background:transparent;
    }
    .modal::-webkit-scrollbar-thumb,
    .modal-body::-webkit-scrollbar-thumb,
    textarea.admin-input::-webkit-scrollbar-thumb,
    .mini-preview::-webkit-scrollbar-thumb{
      background:linear-gradient(180deg,rgba(10,141,219,.48),rgba(73,200,255,.38));
      border:2px solid rgba(255,255,255,.62);
      border-radius:999px;
    }
    .modal::-webkit-scrollbar-thumb:hover,
    .modal-body::-webkit-scrollbar-thumb:hover,
    textarea.admin-input::-webkit-scrollbar-thumb:hover,
    .mini-preview::-webkit-scrollbar-thumb:hover{
      background:linear-gradient(180deg,rgba(10,141,219,.68),rgba(73,200,255,.52));
    }
    @media(max-width:760px){
      .grid,
      .site-map,
      .admin-post-summary,
      .usage-kpis,
      .usage-detail,
      .admin-post-list{
        grid-template-columns:1fr;
      }
      .inline-uploader,
      .editor-actions,
      .admin-post-head{
        align-items:stretch;
        flex-direction:column;
      }
      .inline-uploader .btn,
      .editor-actions .btn,
      .file-button{
        width:100%;
      }
    }

    .home-page .hero-copy{
      padding-block:clamp(18px,3.2vw,46px);
    }
    .home-page .hero-copy .eyebrow{
      margin-bottom:clamp(22px,2.5vw,34px);
      font-size:clamp(13px,1.2vw,15px);
      line-height:1.6;
      letter-spacing:.16em;
    }
    .home-page .hero-copy h1{
      margin-block:0;
      padding-block:.08em .14em;
      font-size:clamp(52px,6.6vw,92px)!important;
      line-height:1.14!important;
      letter-spacing:-.048em!important;
    }
    .home-page .hero-copy .lead{
      margin-top:clamp(28px,3vw,40px);
    }
    /* 只有装饰元素与操作控件禁止选中；卡片正文、成员信息、页脚等内容保持可复制。 */
    .topbar,
    .logo-stage,
    .page-visual,
    .tech-pill,
    .float-chip,
    .data-stream,
    .btn,
    .tag,
    .tabs,
    .resource-tabs,
    .admin-tabs,
    .team-term-switcher,
    .office-map,
    .quick-action,
    .pagination{
      -webkit-user-select:none;
      user-select:none;
    }
    .article-body,
    .article-body *,
    .mini-preview,
    .mini-preview *,
    input,
    textarea{
      -webkit-user-select:text;
      user-select:text;
    }
    @media(max-width:760px){
      .home-page .hero-copy{
        padding-block:18px 24px;
      }
      .home-page .hero-copy .eyebrow{
        margin-bottom:20px;
        font-size:12px;
        line-height:1.55;
      }
      .home-page .hero-copy h1{
        font-size:42px!important;
        line-height:1.18!important;
        letter-spacing:-.035em!important;
      }
      .home-page .hero-copy .lead{
        margin-top:24px;
      }
    }

    /* Dedicated phone layout pass. Keep desktop/tablet rules intact and make small screens dense, scroll-safe, and touch-friendly. */
    @media(max-width:640px){
      html{
        scroll-padding-top:82px;
      }
      body{
        background:#eef5ff;
        font-size:15px;
      }
      .shell{
        width:calc(100% - 24px);
      }
      .topbar{
        background:rgba(248,252,255,.94)!important;
        border-bottom:1px solid rgba(177,204,231,.46)!important;
      }
      .topbar-inner{
        height:auto;
        padding:10px 0 9px;
        gap:9px;
        align-items:flex-start;
      }
      .brand{
        min-height:34px;
        font-size:20px;
        letter-spacing:0;
      }
      .brand img{
        width:34px;
        height:34px;
      }
      .nav{
        width:100%;
        display:flex;
        flex-wrap:nowrap;
        gap:8px;
        overflow-x:auto;
        overflow-y:hidden;
        padding:1px 0 5px;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
      }
      .nav::-webkit-scrollbar{
        display:none;
      }
      .nav [data-user-nav]{
        display:contents;
      }
      .nav a{
        flex:0 0 auto;
        min-height:36px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        padding:0 12px;
        border-radius:999px;
        background:rgba(230,245,255,.72);
        border:1px solid rgba(10,141,219,.12);
        color:#245b82;
        font-size:14px;
        line-height:1;
        white-space:nowrap;
      }
      .nav a.active{
        background:var(--blue-solid);
        color:#fff;
        border-color:var(--blue-solid);
      }
      .hero-wrap,
      .page-wrap{
        min-height:auto!important;
      }
      .hero,
      .page-hero{
        grid-template-columns:1fr!important;
        gap:18px;
        min-height:auto!important;
        padding:30px 0 62px!important;
      }
      .page-hero{
        padding-top:34px!important;
        padding-bottom:82px!important;
      }
      .hero-side,
      .page-visual,
      .page-wrap .page-visual{
        display:none!important;
      }
      .home-page .hero-side{
        display:grid!important;
        order:-1;
        width:100%;
        max-width:100%;
        justify-self:stretch;
        gap:0;
      }
      .home-page .logo-stage{
        display:grid!important;
        height:190px;
        border-radius:24px;
      }
      .home-page .big-logo{
        width:118px;
        height:118px;
      }
      .home-page .big-logo:hover{
        transform:translate3d(var(--mag-x,0),var(--mag-y,0),0)!important;
      }
      .home-page .p1{
        width:128px;
        height:128px;
      }
      .home-page .p2,
      .home-page .r3{
        width:164px;
        height:164px;
      }
      .home-page .p3,
      .home-page .r2{
        width:210px;
        height:210px;
      }
      .home-page .r1{
        width:250px;
        height:250px;
      }
      .home-page .r4{
        width:86px;
        height:86px;
      }
      .home-page .orbit-dot{
        width:10px;
        height:10px;
        box-shadow:0 0 0 7px rgba(10,141,219,.10);
      }
      .home-page .hero-stats{
        display:none!important;
      }
      .hero h1,
      .page-hero h1,
      .home-page .hero-copy h1{
        font-size:38px!important;
        line-height:1.16!important;
        letter-spacing:0!important;
        padding-bottom:0!important;
      }
      .lead,
      .page-hero .lead{
        margin-top:18px;
        font-size:16px;
        line-height:1.72;
      }
      .eyebrow{
        margin-bottom:10px;
        font-size:12px;
        line-height:1.5;
        letter-spacing:.08em;
      }
      .hero-actions,
      .home-summary-actions,
      .editor-actions,
      .toolbar-actions{
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
      }
      .btn,
      .file-button{
        width:100%;
        min-height:48px;
        height:auto;
        padding:12px 16px;
        font-size:15px;
        line-height:1.35;
        white-space:normal;
      }
      .main,
      .page-main,
      .hero-wrap + .main{
        margin-top:0!important;
        padding-top:34px!important;
        padding-bottom:54px;
      }
      .main::before,
      .hero-wrap + .main::before{
        display:none!important;
      }
      .section-title{
        margin-bottom:18px;
      }
      .section-title h2,
      .home-summary-card h2{
        font-size:32px!important;
        line-height:1.18!important;
        letter-spacing:0!important;
      }
      .page-kpi,
      .hero-stats,
      .content-grid,
      .content-grid>aside,
      .home-summary-grid,
      .home-entry-layout,
      .quick-button-grid,
      .campus-stats,
      .knowledge-grid,
      .resource-grid,
      .member-grid,
      .feature-grid,
      .module-grid,
      .tool-grid,
      .site-map,
      .gallery-grid,
      .service-strip,
      .article-layout,
      .login-wrap,
      .admin-layout,
      .admin-post-list,
      .usage-kpis,
      .usage-detail{
        grid-template-columns:1fr!important;
      }
      .card,
      .aside-card,
      .knowledge-card,
      .resource-card,
      .member-card,
      .visual-card,
      .tool-card,
      .login-card,
      .editor-shell,
      .article-body{
        padding:18px;
        border-radius:20px;
        min-height:0;
      }
      .card:hover,
      .aside-card:hover,
      .knowledge-card:hover,
      .resource-card:hover,
      .member-card:hover,
      .visual-card:hover,
      .quick-action:hover{
        transform:none;
      }
      .card h2,
      .knowledge-card h3,
      .resource-card h3,
      .member-card h3,
      .visual-card h3,
      .tool-card h3,
      .aside-card h3{
        font-size:22px;
        line-height:1.28;
        letter-spacing:0;
      }
      .card p,
      .aside-card p,
      .knowledge-card p,
      .resource-card p,
      .member-card p,
      .visual-card p{
        font-size:15px;
        line-height:1.75;
      }
      .meta{
        gap:8px 12px;
        font-size:13px;
        line-height:1.55;
      }
      .tabs,
      .team-term-switcher,
      .resource-tabs,
      .admin-tabs{
        display:flex!important;
        flex-wrap:nowrap;
        gap:8px;
        overflow-x:auto;
        padding:10px;
        border-radius:18px;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
      }
      .tabs::-webkit-scrollbar,
      .team-term-switcher::-webkit-scrollbar,
      .resource-tabs::-webkit-scrollbar,
      .admin-tabs::-webkit-scrollbar{
        display:none;
      }
      .tab,
      .team-term-button,
      .resource-tab,
      .admin-tab{
        flex:0 0 auto;
        min-width:132px;
        min-height:44px;
        padding:10px 14px;
      }
      .team-term-button{
        width:auto;
      }
      .resource-tab,
      .admin-tab{
        width:176px;
      }
      .resource-tab span,
      .admin-tab-desc{
        font-size:13px;
        line-height:1.45;
      }
      .control-row{
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
      }
      .search-input,
      .select-input,
      textarea.admin-input,
      input.admin-input{
        width:100%;
        min-width:0;
        min-height:46px;
        border-radius:14px;
      }
      .article-cover{
        height:148px;
        border-radius:18px;
        margin-bottom:16px;
      }
      .article-head,
      .card-footer,
      .attach-item,
      .pipeline-row,
      .state-panel,
      .member-card-top,
      .usage-detail p{
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
      }
      .card-footer{
        align-items:start;
      }
      .read-more{
        min-height:42px;
        display:inline-flex;
        align-items:center;
      }
      .tag{
        width:max-content;
        max-width:100%;
      }
      .office-map{
        min-height:220px;
        height:auto;
        aspect-ratio:1.18;
        border-radius:18px;
        margin-top:16px;
      }
      .pipeline-row{
        padding:12px 14px;
        border-radius:14px;
      }
      .team-section{
        margin-top:42px;
      }
      .refined-member-card{
        min-height:0;
      }
      .member-actions{
        display:grid;
        grid-template-columns:1fr;
        gap:9px;
      }
      .member-actions a,
      .member-actions button{
        width:100%;
      }
      .pagination{
        gap:10px;
      }
      .pagination .btn,
      .pagination button{
        width:auto;
        min-width:96px;
      }
      .footer{
        padding:28px 0 38px;
        display:flex;
        flex-wrap:wrap;
        gap:8px 14px;
      }
      .modal-overlay{
        padding:0;
        align-items:stretch;
        place-items:stretch;
      }
      .modal{
        width:100%;
        max-height:none;
        height:100dvh;
        border-radius:0;
        border:0;
      }
      .modal-head{
        padding:14px 16px;
      }
      .modal-head h2{
        font-size:22px;
        letter-spacing:0;
      }
      .modal-body{
        padding:14px;
      }
      .icon-button{
        width:38px;
        height:38px;
      }
      .mini-preview{
        max-height:280px;
        min-height:180px;
      }
      .admin-post-head{
        display:grid;
        grid-template-columns:1fr;
      }
      .admin-post-summary{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
      }
      .usage-detail strong{
        text-align:left;
        white-space:normal;
      }
      .particle-canvas,
      .cursor-ring,
      .cursor-glow{
        display:none!important;
      }
    }

    @media(max-width:420px){
      .shell{
        width:calc(100% - 18px);
      }
      .hero h1,
      .page-hero h1,
      .home-page .hero-copy h1{
        font-size:34px!important;
      }
      .section-title h2,
      .home-summary-card h2{
        font-size:28px!important;
      }
      .admin-post-summary,
      .page-kpi,
      .hero-stats{
        grid-template-columns:1fr!important;
      }
      .card,
      .aside-card,
      .knowledge-card,
      .resource-card,
      .member-card,
      .visual-card,
      .tool-card,
      .login-card,
      .editor-shell,
      .article-body{
        padding:16px;
        border-radius:18px;
      }
      .nav a{
        min-height:34px;
        padding-inline:10px;
        font-size:13px;
      }
      .office-map{
        aspect-ratio:1;
      }
      .home-page .logo-stage{
        height:168px;
      }
      .home-page .big-logo{
        width:104px;
        height:104px;
      }
    }

    /* Cascade cleanup: anchor offset, mid-width nav, touch cursor gating, article typography, map hint, effective reduced-motion. */
    html{scroll-padding-top:96px}
    .nav a{white-space:nowrap}
    @media(min-width:761px) and (max-width:1020px){
      .brand{font-size:22px}
      .brand img{width:38px;height:38px}
      .nav{gap:14px;font-size:15px}
    }
    @media(hover:none),(pointer:coarse){
      .cursor-ring,.cursor-glow{display:none!important}
    }
    .section-title .section-desc{
      margin:12px 0 0;
      max-width:640px;
      color:#5b7086;
      font-size:16px;
      line-height:1.7;
      font-weight:650;
    }
    .meta,.aside-meta,.hot-list a span{color:#5b7086}
    .article-body h1{margin:0 0 16px;font-size:38px;line-height:1.22;letter-spacing:-.04em}
    .article-body :not(pre)>code{
      padding:2px 7px;
      border-radius:8px;
      background:rgba(10,141,219,.10);
      color:#0a6fb1;
      font-size:.92em;
    }
    .office-map.is-real::after{
      content:"Ctrl+滚轮 / 双指缩放";
      position:absolute;
      right:10px;
      bottom:10px;
      z-index:3;
      padding:4px 10px;
      border-radius:999px;
      background:rgba(255,255,255,.82);
      color:#526a84;
      font-size:12px;
      font-weight:850;
      pointer-events:none;
    }
    .aside-card .editable-block-actions{right:8px;top:8px}
    .aside-card .editable-block-actions .btn{
      min-height:28px;
      height:28px;
      padding:0 9px;
      border-radius:999px;
      font-size:12px;
      line-height:1;
      background:rgba(255,255,255,.72);
      box-shadow:none;
    }
    .aside-card[data-editable-block] h3,
    .hero-stats [data-editable-block] strong,
    .page-kpi [data-editable-block] strong{
      padding-right:56px;
    }
    @media(max-width:640px){
      html{scroll-padding-top:108px}
    }
    @media(prefers-reduced-motion:reduce){
      .logo-stage::after,.page-visual::after,.page-wrap .page-visual::after,
      .tech-sweep,.pulse-ring,.ring,.visual-orb::before,
      .page-wrap .pulse-ring,.page-wrap .ring,.page-wrap .visual-orb::before,
      .card:hover .flash,.resource-card:hover .flash,.member-card:hover .flash,
      .ripple,.aurora-layer{
        animation:none!important;
      }
      .reveal,
      .card,.aside-card,.knowledge-card,.resource-card,.member-card,.visual-card,.login-card,.stat,
      .tool-card,.admin-item,.resource-tab,.admin-tab,.site-map a,
      .btn,.read-more,.member-actions a,.member-actions button,
      .page-wrap .visual-orb,.page-wrap .big-logo{
        transition:none!important;
      }
      .reveal{opacity:1!important;transform:none!important}
    }

    /* 小屏导航：多行堆叠的顶栏不再吸顶（否则常驻吃掉约三分之一视口），
       同时把导航链接点击区加大到 44px 触控标准。 */
    @media(max-width:760px){
      .topbar{position:static}
      .nav{gap:2px 18px}
      .nav a,.nav button,.nav .nav-link,.nav [data-user-nav]{display:inline-flex;align-items:center;min-height:44px}
    }

    /* 入场动效只在 JS 就绪（<head> 里加 js 类）后启用：
       脚本加载失败或被禁用时内容保持可见，不再整页空白。 */
    .reveal{opacity:1;transform:none}
    .js .reveal{opacity:0;transform:translateY(24px)}
    .js .reveal.visible{opacity:1;transform:none}
    /* 异步提交期间按钮的禁用态：置灰并冻结悬停位移 */
    .btn:disabled,button:disabled{opacity:.55;cursor:not-allowed}
    .btn:disabled{transform:none}
    /* 正文与预览里的 Markdown 图片贴合整站圆角 */
    .article-body img,.mini-preview img{border-radius:18px;height:auto}

    /* 顶栏退出登录改为 <button>，视觉与原链接一致 */
    button[data-logout]{background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit;font-weight:inherit}
    button[data-logout]:hover{color:var(--blue-ink)}
    /* 办公室地图可见缩放控件 */
    .office-map-zoom{position:absolute;right:12px;bottom:12px;z-index:3;display:grid;gap:8px}
    .office-map-zoom button{width:44px;height:44px;border-radius:14px;border:1px solid rgba(177,204,231,.72);background:rgba(255,255,255,.92);color:var(--deep);font-size:22px;font-weight:900;line-height:1;cursor:pointer;box-shadow:var(--soft)}
    .office-map-zoom button:hover{background:#e6f5ff;color:var(--blue-ink)}
    /* 装饰容器滚出视口后暂停其中全部动画（由 yuna-ui.js 的 IO 打标） */
    .anim-offscreen,.anim-offscreen *,.anim-offscreen::before,.anim-offscreen::after,
    .anim-offscreen *::before,.anim-offscreen *::after{animation-play-state:paused!important}
    /* 移动端地址栏收放时避免 100vh 跳动 */
    @supports(height:100dvh){
      .hero-wrap{min-height:100dvh}
      .hero{min-height:calc(100dvh - 78px)}
    }