[hidden]{display:none !important}
:root{--blue:#32689f;--blue-dark:#274a6e;--blue-soft:#e6edf6;--heading:#2b4568;--bg:#eae8e2;--card:#f8f7f3;--text:#454f5b;--muted:#5b6679;--warm-ink:#c8923f;--line:#dedbd4;--dots:#e3e0d8;--moon1:#ffffff;--moon2:#dce9f8;--moon3:#b3cde9;--shadow:0 2px 10px rgba(30,56,92,.05);--shadow-lg:0 10px 30px rgba(30,56,92,.08);color-scheme:light}
@media (prefers-color-scheme: dark){:root:not([data-theme]){--blue:#7fb0e8;--blue-dark:#9fc1e8;--blue-soft:#1b2a3d;--heading:#dbe7f5;--bg:#0f1720;--card:#18222e;--text:#e5edf5;--muted:#9fb0c2;--warm-ink:#d9a441;--line:#263442;--dots:#1a2633;--moon1:#f5f8ff;--moon2:#c9d7ef;--moon3:#93aed6;--shadow:0 2px 10px rgba(0,0,0,.35);--shadow-lg:0 10px 30px rgba(0,0,0,.5);color-scheme:dark}}
:root[data-theme="dark"]{--warm-ink:#d9a441;--blue:#7fb0e8;--blue-dark:#9fc1e8;--blue-soft:#1b2a3d;--heading:#dbe7f5;--bg:#0f1720;--card:#18222e;--text:#e5edf5;--muted:#9fb0c2;--line:#263442;--dots:#1a2633;--moon1:#f5f8ff;--moon2:#c9d7ef;--moon3:#93aed6;--shadow:0 2px 10px rgba(0,0,0,.35);--shadow-lg:0 10px 30px rgba(0,0,0,.5);color-scheme:dark}


html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}

:root{--hero-ink-rgb:43,108,176;--hero-ink:#356fa8}
:root[data-theme="light"]{--hero-ink-rgb:43,43,43;--hero-ink:#2b2b2b}

:root { --ease-rise: cubic-bezier(.16,.84,.32,1); }


@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{font-family:"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;background-color:var(--bg);background-image:radial-gradient(var(--dots) 1px,transparent 1px);background-size:26px 26px;background-position:0 0;color:var(--text);line-height:1.75;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}
::selection{background:var(--blue-soft);color:var(--blue-dark)}
.container{max-width:1000px;margin:0 auto;padding:0 20px}
a{color:var(--blue);text-decoration:none}
img{max-width:100%;height:auto}
.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:var(--blue);color:#fff;padding:8px 16px;border-radius:0 0 8px 8px;font-size:14px;transition:top .2s}

:root[data-theme="dark"] .skip-link{color:#0f1720}
.skip-link:focus{top:0}

body > header{position:sticky;top:0;background:var(--card);border-bottom:1px solid var(--line);z-index:40;animation:top-in .55s .05s cubic-bezier(.16,.84,.32,1) both}
@keyframes top-in{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
nav{display:flex;justify-content:space-between;align-items:center;height:60px;gap:10px}
.brand{font-weight:700;font-size:18px;color:var(--heading);display:flex;align-items:center;white-space:nowrap}
.brand-logo{display:inline-block;margin-right:7px;color:var(--blue);flex-shrink:0}
.brand-sub{font-size:11px;letter-spacing:2px;color:var(--muted);margin-left:8px}
.nav-links{display:flex;align-items:center;gap:22px;margin-left:auto}
.nav-links a{color:var(--muted);font-size:14.5px;white-space:nowrap}
.nav-links a:hover{color:var(--blue)}

.nav-item{align-self:stretch;display:flex;align-items:center;position:relative}
.nav-drop,.nav-sub{position:absolute;z-index:45;padding:8px;border-radius:12px;
  background:var(--card);
  background:color-mix(in srgb,var(--card) 60%,transparent);
  -webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);
  border:1px solid var(--line);box-shadow:0 14px 34px rgba(20,40,70,.13);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .18s ease,transform .18s ease,visibility .18s}
.nav-drop{top:100%;left:50%;min-width:152px;transform:translateX(-50%) translateY(-6px)}
.nav-sub{top:-9px;left:calc(100% - 4px);min-width:180px;transform:translateX(-6px)}
.nav-item:hover .nav-drop,.nav-item:focus-within .nav-drop{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.nav-sub-wrap:hover .nav-sub,.nav-sub-wrap:focus-within .nav-sub{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0)}
.nav-drop a,.nav-sub a{display:block;padding:7px 13px;border-radius:8px;font-size:13.5px;
  color:var(--muted);white-space:nowrap;line-height:1.5}
.nav-drop a:hover,.nav-sub a:hover{background:var(--bg);color:var(--blue)}

.nav-sub-wrap{position:relative}
.nav-sub-wrap > a{padding-right:28px}
.nav-sub-wrap > a::after{content:"›";position:absolute;right:12px;top:50%;
  transform:translateY(-50%);opacity:.5;font-size:15px;line-height:1}
.nav-sub-wrap:hover > a{background:var(--bg);color:var(--blue)}

h2[id],h3[id]{scroll-margin-top:78px}
.nav-tools{display:flex;align-items:center;gap:4px;margin-left:6px}
.icon-btn{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--muted);transition:background .15s,color .15s}
.icon-btn:hover{background:var(--blue-soft);color:var(--blue)}
.icon-btn svg{width:19px;height:19px;transition:transform .2s}
.icon-btn:hover svg{transform:scale(1.1)}
#btn-menu{display:none}
.icon-sun{display:none}
:root[data-theme="dark"] .icon-sun{display:block}
:root[data-theme="dark"] .icon-moon{display:none}
@media (prefers-color-scheme: dark){:root:not([data-theme]) .icon-sun{display:block}:root:not([data-theme]) .icon-moon{display:none}}
.nav-menu{display:none}
.hero{position:relative;overflow:hidden;background:linear-gradient(160deg,#ece6d9 0%,#f2eee5 38%,#f0ece4 64%,var(--bg) 80%);padding:96px 0 92px}

:root[data-theme="dark"] .hero{background:linear-gradient(160deg,#16233f 0%,#131e36 40%,#101a2a 68%,#0f1720 88%,var(--bg) 100%)}

:root[data-theme="dark"] .hero-rings::before{border-color:rgba(var(--hero-ink-rgb),.26)}
:root[data-theme="dark"] .hero-rings::after{border-color:rgba(var(--hero-ink-rgb),.19)}
@media (prefers-color-scheme: dark){:root:not([data-theme]) .hero{background:linear-gradient(160deg,#16233f 0%,#131e36 42%,#0f1720 68%,var(--bg) 84%)}}
.hero-court{position:absolute;right:-4%;bottom:-6%;width:min(820px,78%);color:var(--blue);opacity:.16;z-index:3;pointer-events:none;

  animation:court-in 1.8s .15s var(--ease-rise) both,
            court-build 3.6s .35s cubic-bezier(.5,.05,.2,1) both,
            court-float 11s 4.2s ease-in-out infinite alternate}

@keyframes court-build{
  0%   {clip-path:inset(100% -2% -2% -2%)}
  26%  {clip-path:inset(64% -2% -2% -2%)}
  57%  {clip-path:inset(32% -2% -2% -2%)}
  81%  {clip-path:inset(12% -2% -2% -2%)}
  100% {clip-path:inset(-2% -2% -2% -2%)}
}
@keyframes court-in{from{opacity:0;transform:translateY(44px)}to{opacity:.15;transform:none}}
@keyframes court-float{from{transform:translateY(0)}to{transform:translateY(-9px)}}
.hero-stars,.hero-stars2{position:absolute;inset:0;pointer-events:none;animation:twinkle 5s ease-in-out infinite}
.hero-stars{background-image:
radial-gradient(1.5px circle at 30px 50px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 150px 90px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 280px 40px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 420px 70px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 560px 40px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 700px 95px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 840px 60px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 980px 45px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 1120px 85px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 1260px 50px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 1400px 90px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 80px 160px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 240px 140px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 400px 170px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 540px 150px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 680px 180px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 820px 140px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 960px 175px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 1100px 150px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 1240px 170px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 1380px 160px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 180px 250px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 460px 240px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 760px 230px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 1060px 250px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 1340px 240px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 320px 330px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 620px 320px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 920px 330px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 1220px 310px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 200px 420px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 540px 410px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 860px 400px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 1180px 420px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 60px 350px, var(--blue) 100%, transparent),
radial-gradient(1.5px circle at 1440px 390px, var(--blue) 100%, transparent);
opacity:.75}
.hero-stars2{background-image:radial-gradient(1.5px circle at 100px 120px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 360px 110px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 620px 130px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 900px 110px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 1160px 130px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 1350px 110px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 200px 300px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 500px 290px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 800px 300px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 1100px 290px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 1400px 300px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 60px 220px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 1300px 210px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 700px 380px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 1020px 370px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 300px 460px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 980px 430px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 460px 60px, var(--blue) 100%, transparent);opacity:.65;animation-delay:1.2s;animation-duration:5s}
.hero-haze{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 62% 46% at 12% 0%,rgba(112,152,214,.15),transparent 70%),radial-gradient(ellipse 56% 42% at 90% 2%,rgba(126,168,228,.13),transparent 70%);filter:blur(30px)}
.comet{position:absolute;left:0;top:0;z-index:0;pointer-events:none}
.comet-fly{display:block;opacity:0}
.comet-body{display:block;width:150px;height:3px;position:relative;background:linear-gradient(90deg,transparent,rgba(165,195,240,.8) 55%,#e8f1ff);border-radius:3px}
.comet-body::after{content:"";position:absolute;right:-5px;top:-3px;width:9px;height:9px;border-radius:50%;background:#eef4ff;box-shadow:0 0 14px 5px rgba(150,190,245,.85)}
@keyframes hero-drift{from{transform:translate(0,0)}to{transform:translate(30px,-20px)}}

.hero-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:32px;text-align:left}
.hero-main{flex:1;min-width:0;max-width:640px;padding-left:clamp(16px,5vw,84px);margin-top:36px;position:relative}
.hero-title{font-size:clamp(44px,7.4vw,80px);font-weight:800;letter-spacing:8px;line-height:1.2;margin-bottom:18px;background:linear-gradient(180deg,var(--heading) 0%,var(--blue) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:rise-in 1.1s .1s var(--ease-rise) both;filter:drop-shadow(0 5px 18px rgba(43,108,176,.28))}
@keyframes title-glow{0%,100%{filter:drop-shadow(0 4px 14px rgba(43,108,176,.18))}50%{filter:drop-shadow(0 6px 26px rgba(43,108,176,.42))}}
.hero-tagline{display:flex;align-items:center;gap:12px;font-size:clamp(16px,2.4vw,22px);color:var(--blue);font-weight:600;letter-spacing:4px;margin-bottom:12px;animation:rise-in .8s .3s cubic-bezier(.16,.84,.32,1) both}
.hero-tagline::before{content:"";width:28px;height:3px;border-radius:2px;background:var(--blue);flex-shrink:0}
.hero-sub{color:var(--muted);font-size:15px;max-width:520px;animation:rise-in .95s .44s var(--ease-rise) both}
.hero-art{pointer-events:none}
.hero-art *{pointer-events:none}
.orbit-dot.lit::before{pointer-events:auto}
.hero-scale .scale-hot{pointer-events:all}
.hero-art{position:relative;flex-shrink:0;width:clamp(260px,32vw,360px);height:clamp(260px,32vw,360px);animation:art-in 1.45s .3s var(--ease-rise) both}
.hero-rings{position:absolute;inset:0;border-radius:50%;pointer-events:none}
.hero-rings::before{content:"";position:absolute;inset:2%;border-radius:50%;border:1px solid rgba(var(--hero-ink-rgb),.16)}
.hero-rings::after{content:"";position:absolute;inset:10%;border-radius:50%;border:1px dashed rgba(var(--hero-ink-rgb),.11)}
.hero-ring-art{position:absolute;inset:2%;color:var(--blue);pointer-events:none}
.orbit-dot{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:var(--blue);opacity:.25;transform:translate(-50%,-50%);pointer-events:none;will-change:transform}
.orbit-dot.lit{opacity:.9;box-shadow:0 0 6px 3px rgba(var(--hero-ink-rgb),.45)}

:root[data-theme="dark"] .orbit-dot:not(.lit){opacity:.38}
:root[data-theme="dark"] .orbit-dot.lit{opacity:1;box-shadow:0 0 8px 4px rgba(var(--hero-ink-rgb),.72)}
:root[data-theme="dark"] .orbit-dot.burst{opacity:1;box-shadow:0 0 14px 5px rgba(var(--hero-ink-rgb),.85)}
.orbit-dot::before{content:"";position:absolute;left:-9px;top:-9px;width:23px;height:23px;border-radius:50%;pointer-events:none}
.orbit-dot.lit::before{pointer-events:auto}
.orbit-dot:not(.lit){animation:breathe 7s ease-in-out 1.8s infinite alternate}
@keyframes breathe{from{opacity:.16}to{opacity:.4}}
.orbit-dot.burst{opacity:1;box-shadow:0 0 14px 4px rgba(var(--hero-ink-rgb),.7)}
.orbit-dot.out{opacity:0}
.orbit-dot.boom{opacity:.8;box-shadow:0 0 10px 4px rgba(90,150,230,.5);filter:brightness(1.3);animation:none}

@media (max-width:720px){
  .orbit-dot.lit{box-shadow:0 0 3px 1px rgba(var(--hero-ink-rgb),.5)}
  .orbit-dot.burst{box-shadow:0 0 5px 1px rgba(var(--hero-ink-rgb),.6)}
  .orbit-dot.boom{box-shadow:0 0 4px 1px rgba(90,150,230,.45)}
  :root[data-theme="dark"] .orbit-dot.lit{box-shadow:0 0 3px 1px rgba(var(--hero-ink-rgb),.5)}
  :root[data-theme="dark"] .orbit-dot.burst{box-shadow:0 0 5px 1px rgba(var(--hero-ink-rgb),.6)}
}
.shock-ring{position:absolute;left:50%;top:50%;border:2px solid rgba(120,175,240,.55);border-radius:50%;pointer-events:none;opacity:0}
.orbit-tip{position:fixed;left:0;top:0;padding:2px 6px;background:transparent;border:none;box-shadow:none;color:var(--heading);font-size:12.5px;letter-spacing:1px;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(3px);transition:opacity .25s ease,transform .25s ease,visibility .25s;z-index:60;white-space:nowrap;text-shadow:0 1px 4px rgba(16,26,42,.22)}
.orbit-tip.tip-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:7px;padding:4px 11px;text-shadow:none}
.orbit-tip.show{opacity:1;visibility:visible;transform:translateY(0)}
.orbit-drift{position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:var(--blue);opacity:.5;transform:translate(-50%,-50%);pointer-events:none;animation:breathe 7s ease-in-out 1.8s infinite alternate}
.hero-scale.scale-lit{filter:drop-shadow(0 0 12px rgba(var(--hero-ink-rgb),.8)) drop-shadow(0 0 32px rgba(var(--hero-ink-rgb),.45))}
.hero-scale.charge{animation:charge-up 7s ease-in-out forwards}
.hero-scale.charge-drop{animation:charge-down 4.667s ease-in forwards}
@keyframes charge-up{from{transform:translateY(0)}to{transform:translateY(-14px)}}
@keyframes charge-down{from{transform:translateY(-14px)}to{transform:translateY(0)}}
.hero-rings.shock{animation:shockwave .9s cubic-bezier(.36,.07,.19,.97)}
@keyframes shockwave{0%{transform:scale(1)}25%{transform:scale(1.08) rotate(.8deg)}55%{transform:scale(.97) rotate(-.5deg)}80%{transform:scale(1.02)}100%{transform:scale(1)}}

.hero-glow{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,rgba(var(--hero-ink-rgb),.11),transparent 65%);pointer-events:none}


.hero-scale-echo{position:absolute;left:10%;top:15%;width:82%;color:var(--blue);opacity:.095;pointer-events:none;filter:blur(3.2px)}
.hero-scale-wrap{position:absolute;left:16%;top:20%;width:68%;animation:float-y 7s 1.8s ease-in-out infinite alternate;pointer-events:none}
.hero-scale{display:block;width:100%;height:auto;color:var(--blue);opacity:.85;filter:drop-shadow(0 10px 24px rgba(var(--hero-ink-rgb),.3));transition:filter .5s;pointer-events:none}
.hero-scale .scale-hot{pointer-events:all;cursor:default}
.hero-star{position:absolute;border-radius:50%;background:var(--blue);opacity:.75;animation:twinkle 3.6s ease-in-out infinite}
.hs1{width:6px;height:6px;top:6%;left:74%}
.hs2{width:4px;height:4px;top:16%;left:88%;animation-delay:.8s}
.hs3{width:5px;height:5px;top:64%;left:92%;animation-delay:1.5s}
.hs4{width:3px;height:3px;top:80%;left:76%;animation-delay:2.2s}
.hs5{width:4px;height:4px;top:2%;left:56%;animation-delay:2.8s}
.hero-constellation{position:absolute;top:-124px;left:clamp(16px,5vw,84px);width:176px;height:88px;opacity:.55;color:var(--blue)}
.firefly{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--blue);opacity:0;pointer-events:none;box-shadow:0 0 10px 3px rgba(43,108,176,.4);animation:firefly-drift 9s ease-in-out infinite}
.ff1{left:8%;bottom:18%}
.ff2{left:20%;bottom:6%;animation-delay:3.5s}
.ff3{left:32%;bottom:12%;animation-delay:6s}
.ff4{left:12%;bottom:26%;animation-delay:1.5s}
@keyframes firefly-drift{0%{opacity:0;transform:translate(0,0)}15%{opacity:.95}55%{opacity:.4}100%{opacity:0;transform:translate(40px,-90px)}}
@keyframes art-in{from{opacity:0;transform:translateY(26px) scale(.95)}to{opacity:1;transform:none}}
@keyframes rise-in{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes float-y{from{transform:translateY(0)}to{transform:translateY(-22px)}}
.about-actions{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}
.about-actions .btn{font-family:inherit;padding:9px 20px;font-size:14px}
@media (max-width:720px){
  .hero{padding:70px 0 64px}
  .hero-main{padding-left:0;margin-top:0}
  .hero-art{pointer-events:none}
.hero-art *{pointer-events:none}
.orbit-dot.lit::before{pointer-events:auto}
.hero-scale .scale-hot{pointer-events:all}
.hero-art{position:absolute;right:-70px;top:-10px;width:190px;height:190px;opacity:.45;animation:none}
  .hero-scale-echo{display:none}
  .orbit-dot{width:3.5px;height:3.5px}

  .hero-ring-art{border-radius:50%;overflow:hidden}

  .orbit-drift{width:5px;height:5px}
  .hero-court{display:none}
  .hero-stars{background-image:radial-gradient(1.5px circle at 30px 40px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 90px 90px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 170px 30px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 250px 80px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 330px 50px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 60px 150px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 150px 190px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 240px 230px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 320px 160px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 90px 280px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 200px 320px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 300px 270px, var(--blue) 100%, transparent);opacity:.75}
  .hero-stars2{background-image:radial-gradient(1.5px circle at 120px 110px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 280px 150px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 60px 210px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 340px 240px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 200px 260px, var(--blue) 100%, transparent),radial-gradient(1.5px circle at 160px 60px, var(--blue) 100%, transparent);opacity:.65;animation-delay:1.2s;animation-duration:5s}
}

.btn{font-family:inherit;display:inline-block;padding:11px 26px;border-radius:8px;font-size:15px;transition:transform .12s,filter .12s,background .15s;cursor:pointer;border:1.5px solid transparent}
.btn-primary{background:var(--blue-dark);color:var(--bg);border-color:var(--blue-dark)}
.btn-primary:hover{filter:brightness(1.08);color:var(--bg)}
.btn-ghost{background:transparent;color:var(--blue);border-color:var(--blue)}
.btn-ghost:hover{background:var(--blue-soft)}

.about-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.about-actions .btn{position:relative;display:inline-flex;align-items:center;gap:6px;padding:11px 22px;border-radius:999px;
  font-size:14.5px;letter-spacing:.01em;text-decoration:none;border:1px solid rgba(50,104,159,.30);background:rgba(255,255,255,.35);
  color:var(--blue);box-shadow:0 1px 2px rgba(20,40,70,.04);transition:transform .18s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}
.about-actions .btn::after{content:"→";opacity:0;transform:translateX(-4px);transition:opacity .2s ease,transform .2s ease}
.about-actions .btn:hover{background:rgba(50,104,159,.09);border-color:rgba(50,104,159,.48);color:var(--blue-dark);transform:translateY(-1px);box-shadow:0 6px 16px rgba(20,40,70,.10)}
.about-actions .btn:hover::after{opacity:1;transform:translateX(2px)}
.about-actions .btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(50,104,159,.28)}
.about-actions .btn-primary{background:linear-gradient(135deg,#3a76b3 0%,#274a6e 100%);color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(39,74,110,.26)}
.about-actions .btn-primary:hover{background:linear-gradient(135deg,#4484c4 0%,#2c5680 100%);color:#fff;box-shadow:0 12px 24px rgba(39,74,110,.32)}
.about-actions .btn-primary::after{color:#fff}
html[data-theme=dark] .about-actions .btn{background:rgba(255,255,255,.04);border-color:rgba(127,176,232,.32);color:#9fc3ea;box-shadow:none}
html[data-theme=dark] .about-actions .btn:hover{background:rgba(127,176,232,.12);border-color:rgba(127,176,232,.55);color:#cfe3f8}
html[data-theme=dark] .about-actions .btn-primary{background:linear-gradient(135deg,#4a86c4 0%,#2f5f92 100%);color:#0f1720;box-shadow:0 8px 18px rgba(0,0,0,.35)}
html[data-theme=dark] .about-actions .btn-primary:hover{background:linear-gradient(135deg,#5a96d4 0%,#3a6fa8 100%);color:#0f1720}
@media (prefers-color-scheme: dark){:root:not([data-theme]) .about-actions .btn{background:rgba(255,255,255,.04);border-color:rgba(127,176,232,.32);color:#9fc3ea}}
.btn-sm{padding:6px 14px;font-size:13px;border-radius:7px}
.btn:active{transform:translateY(1px)}
a:focus-visible,.btn:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.notice-bar{display:none;position:relative;margin-top:30px;padding:12px 42px 12px 18px;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:8px;color:var(--text);font-size:14px;text-align:left;box-shadow:var(--shadow)}
.notice-close{position:absolute;top:9px;right:12px;border:none;background:transparent;color:var(--muted);font-size:17px;line-height:1;cursor:pointer;padding:2px 7px;border-radius:6px}
.notice-close:hover{color:var(--blue);background:var(--blue-soft)}

.notice-read{position:absolute;bottom:6px;right:14px;border:none;background:transparent;color:var(--blue);font-size:12.5px;line-height:1.2;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px}
.notice-read:hover{background:var(--blue-soft)}
section{padding:66px 0}
h2,h1.page-h{font-size:25px;color:var(--heading);border-left:5px solid var(--blue);padding-left:12px;margin-top:8px;margin-bottom:22px}
.sec-en{display:inline-block;font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:12.5px;font-weight:600;letter-spacing:2.5px;color:var(--blue);text-transform:uppercase;margin-left:10px;opacity:.8}
.center-box h2{border-left:none;padding-left:0}
h3{color:var(--heading)}
.lead{color:var(--muted);max-width:760px;line-height:1.9}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:16px}


.footer-beian .beian-ga{display:inline;margin-left:8px;color:inherit;text-decoration:none}
.footer-beian .beian-ga img{width:14px;height:16px;vertical-align:-3px;margin-right:2px;opacity:.9}
.card{display:block;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:var(--shadow);transition:transform .15s,border-color .15s,box-shadow .15s;color:var(--text)}
.card:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:var(--shadow-lg)}
.card h3{font-size:16.5px;margin-bottom:8px;color:var(--heading)}
.card h4{font-size:15px;margin-bottom:6px;color:var(--heading)}
.card p{color:var(--muted);font-size:13.5px}
.card-tag{display:inline-block;background:var(--blue-soft);color:var(--blue);border-radius:6px;font-size:11.5px;padding:2px 8px;margin-bottom:10px}
.card-domain{display:block;margin-top:8px;font-size:11.5px;color:var(--muted);opacity:.85}

.card p.card-warn{margin-top:10px;font-size:12px;color:#c8402f;line-height:1.7}
:root[data-theme="dark"] .card p.card-warn{color:#e58a80}
.card-go{display:inline-block;margin-top:10px;font-size:12.5px;font-weight:600;color:var(--blue)}
.card-links{margin-top:8px;font-size:13px;font-weight:600}
.card-links a{margin-right:8px}
.card-links span{color:var(--muted);margin-right:8px;opacity:.6;font-weight:400}
.more-link{display:inline-block;margin-top:18px;font-size:14px;font-weight:600}

.more-links{margin:0}
.more-links .more-link + .more-link{margin-left:26px}
.section-note{font-size:13px;color:var(--muted);margin-top:14px}
@media (max-width:720px){.more-links .more-link + .more-link{margin-left:0;display:block}}
.res-cat{margin:24px 0 2px;font-size:17px;color:var(--heading);scroll-margin-top:76px}
.song-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.song-grid.swap{animation:warm-in .6s ease}
.song-card{background:var(--card);border:1px solid var(--line);border-left:4px solid #c8923f;border-radius:10px;padding:14px 16px;box-shadow:var(--shadow)}
.song-card .song-name{font-size:14px;color:var(--text);font-weight:600;margin-bottom:4px}
.song-card .song-artist{font-size:12px;color:var(--muted)}
.song-full{margin-top:16px;max-height:70vh;overflow-y:auto;border:1px solid var(--line);border-radius:10px;padding:6px 14px}
@media (max-width:640px){.song-grid{grid-template-columns:repeat(2,1fr)}}
.tool-links{margin-top:12px;border-top:1px dashed var(--line);padding-top:8px;display:flex;flex-direction:column;gap:2px}
.tl-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;font-size:13px;color:var(--text);transition:background .15s}
.tl-item:hover{background:var(--blue-soft)}
.tl-label{font-size:11px;color:var(--blue);background:var(--blue-soft);border-radius:6px;padding:1px 7px;flex-shrink:0}

.tl-text{flex:1 1 auto;min-width:0;color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tl-pwd{margin-left:auto;font-size:11.5px;color:var(--muted);flex-shrink:0}
.tl-arrow{color:var(--blue);flex-shrink:0}
.rss-box{margin-top:16px}
.rss-toggle{background:transparent;border:1px dashed var(--line);color:var(--muted);font-size:13px;border-radius:999px;padding:4px 14px;cursor:pointer;transition:color .15s,border-color .15s}
.rss-toggle:hover{color:var(--blue);border-color:var(--blue)}
.rss-panel{display:none;margin-top:12px;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:10px;max-width:560px}
.rss-panel.open{display:block}
.rss-desc{font-size:13px;color:var(--muted);margin-bottom:10px}
.rss-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rss-row code{flex:1;min-width:220px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:12.5px;color:var(--text);word-break:break-all;font-family:Consolas,Menlo,monospace}
.connect-box{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:26px 28px;margin-top:16px;display:grid;grid-template-columns:1fr 1.15fr .85fr;gap:20px}
.connect-col h3{font-size:16.5px;margin-bottom:10px}
.connect-col p{color:var(--muted);font-size:14px;margin-bottom:10px}
.connect-divider{border-left:1px solid var(--line);padding-left:26px}
.connect-wechat{display:flex;gap:18px;align-items:flex-start}
.connect-qr{width:112px;height:112px;border-radius:10px;border:1px solid var(--line);flex-shrink:0}
.connect-wechat h4{font-size:15.5px;color:var(--heading);margin-bottom:4px}
.connect-wechat .wechat-id{font-size:13px;color:var(--muted);margin-bottom:8px}
.connect-wechat .btn{margin-top:10px}
@media (max-width:920px){.connect-box{grid-template-columns:1fr}.connect-divider{border-left:none;border-top:1px solid var(--line);padding-left:0;padding-top:18px}}
.follow-strip{border-top:1px solid var(--line);padding:12px 0;background:var(--card)}
.follow-inner{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.follow-inner p{font-size:13.5px;color:var(--muted)}
.search-panel{position:fixed;top:68px;left:50%;transform:translateX(-50%);width:min(560px,calc(100vw - 24px));background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);z-index:50;display:none;overflow:hidden}
.search-panel.open{display:block;animation:sp-in .16s ease}
@keyframes sp-in{from{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%,0)}}
.search-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}
.search-head svg{width:17px;height:17px;color:var(--muted);flex-shrink:0}
.search-input{flex:1;border:none;outline:none;background:transparent;color:var(--text);font-size:14.5px;font-family:inherit}
.search-results{max-height:min(380px,60vh);overflow-y:auto;padding:6px}
.sr-hint{padding:18px 16px;font-size:13.5px;color:var(--muted);text-align:center}
.sr-item{display:block;padding:10px 12px;border-radius:9px}
.sr-item:hover{background:var(--blue-soft)}
.sr-top{display:flex;align-items:center;gap:8px;margin-bottom:2px}
.sr-cat{font-size:10.5px;color:var(--blue);background:var(--blue-soft);border-radius:999px;padding:1px 8px;flex-shrink:0}
.sr-title{font-size:14px;color:var(--text);font-weight:600}
.sr-desc{font-size:12.5px;color:var(--muted);line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
mark{background:transparent;color:var(--blue-dark);font-weight:700;padding:0}
.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-top:16px;align-items:stretch}

.book-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.book-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.25);filter:blur(38px) saturate(1.05);opacity:.30}
html[data-theme="dark"] .book-body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:8px 11px 9px;display:block;background:rgba(255,255,255,.58);backdrop-filter:blur(20px) saturate(1.05);-webkit-backdrop-filter:blur(20px) saturate(1.05);border-top:1px solid rgba(255,255,255,.5);border-radius:12px 12px 0 0}
html[data-theme="dark"] .book-bg img{opacity:.42}
.book-card:hover{transform:translateY(-3px);border-color:var(--blue)}





  .sp-1{--c1:#8e723e;--c2:#755e33;--ink:#ffffff;--d1:#695530;--d2:#584728;--w:20px;--h:136px;--flag:#8e723e}
  .sp-2{--c1:#945a38;--c2:#7a4a2e;--ink:#ffffff;--d1:#6d442c;--d2:#5b3925;--w:24px;--h:144px;--flag:#945a38}
  .sp-3{--c1:#3b7961;--c2:#2f614e;--ink:#ffffff;--d1:#30604e;--d2:#284f40;--w:20px;--h:140px;--flag:#3b7961}
  .sp-4{--c1:#836049;--c2:#6c4f3d;--ink:#ffffff;--d1:#614838;--d2:#513c2f;--w:20px;--h:148px;--flag:#836049}
  .sp-5{--c1:#837949;--c2:#6c643d;--ink:#ffffff;--d1:#615a38;--d2:#514b2f;--w:20px;--h:142px;--flag:#837949}
  .sp-6{--c1:#836649;--c2:#6c543d;--ink:#ffffff;--d1:#614c38;--d2:#51402f;--w:20px;--h:136px;--flag:#836649}
  .sp-7{--c1:#837849;--c2:#6c633d;--ink:#ffffff;--d1:#615a38;--d2:#514b2f;--w:20px;--h:144px;--flag:#837849}
  .sp-8{--c1:#836049;--c2:#6c4f3d;--ink:#ffffff;--d1:#614838;--d2:#513c2f;--w:20px;--h:140px;--flag:#836049}
  .sp-9{--c1:#8e723e;--c2:#755e33;--ink:#ffffff;--d1:#695530;--d2:#584728;--w:20px;--h:148px;--flag:#8e723e}
  .sp-10{--c1:#945a38;--c2:#7a4a2e;--ink:#ffffff;--d1:#6d442c;--d2:#5b3925;--w:24px;--h:142px;--flag:#945a38}
  .sp-11{--c1:#877645;--c2:#6f6239;--ink:#ffffff;--d1:#645835;--d2:#534a2c;--w:28px;--h:136px;--flag:#877645}
  .sp-12{--c1:#496c83;--c2:#3d596c;--ink:#ffffff;--d1:#385161;--d2:#2f4351;--w:20px;--h:144px;--flag:#496c83}
  .sp-13{--c1:#3b7961;--c2:#2f614e;--ink:#ffffff;--d1:#30604e;--d2:#284f40;--w:20px;--h:140px;--flag:#3b7961}
  .sp-14{--c1:#af4a1d;--c2:#913d18;--ink:#ffffff;--d1:#7f3a1a;--d2:#6a3016;--w:20px;--h:148px;--flag:#af4a1d}
  .sp-15{--c1:#f7f4ec;--c2:#efeade;--ink:#333333;--d1:#e8e3d6;--d2:#e0dac9;--w:28px;--h:142px;--flag:#834949;--art:1}
  .sp-16{--c1:#f7f4ec;--c2:#efeade;--ink:#333333;--d1:#e8e3d6;--d2:#e0dac9;--w:28px;--h:136px;--flag:#834949;--art:1}
  .sp-17{--c1:#f7f4ec;--c2:#efeade;--ink:#333333;--d1:#e8e3d6;--d2:#e0dac9;--w:24px;--h:144px;--flag:#834949;--art:1}
  .sp-18{--c1:#f7f4ec;--c2:#efeade;--ink:#333333;--d1:#e8e3d6;--d2:#e0dac9;--w:20px;--h:140px;--flag:#834949;--art:1}
  .sp-19{--c1:#f7f4ec;--c2:#efeade;--ink:#333333;--d1:#e8e3d6;--d2:#e0dac9;--w:24px;--h:148px;--flag:#834949;--art:1}
  .sp-20{--c1:#f7f4ec;--c2:#efeade;--ink:#333333;--d1:#e8e3d6;--d2:#e0dac9;--w:28px;--h:142px;--flag:#834949;--art:1}
  .sp-21{--c1:#1d56af;--c2:#184791;--ink:#ffffff;--d1:#1a427f;--d2:#16376a;--w:20px;--h:136px;--flag:#1d56af}
  .sp-22{--c1:#836049;--c2:#6c4f3d;--ink:#ffffff;--d1:#614838;--d2:#513c2f;--w:20px;--h:144px;--flag:#836049}
  .sp-23{--c1:#af4b1d;--c2:#913e18;--ink:#ffffff;--d1:#7f3a1a;--d2:#6a3116;--w:22px;--h:140px;--flag:#af4b1d}
  .sp-24{--c1:#838349;--c2:#6c6c3d;--ink:#243040;--d1:#616138;--d2:#51512f;--w:20px;--h:148px;--flag:#838349}
  .sp-25{--c1:#837c49;--c2:#6c663d;--ink:#ffffff;--d1:#615c38;--d2:#514d2f;--w:20px;--h:142px;--flag:#837c49}
  .sp-26{--c1:#835549;--c2:#6c463d;--ink:#ffffff;--d1:#614038;--d2:#51362f;--w:20px;--h:136px;--flag:#835549}
  .sp-27{--c1:#837949;--c2:#6c643d;--ink:#ffffff;--d1:#615a38;--d2:#514b2f;--w:20px;--h:144px;--flag:#837949}
  .sp-28{--c1:#2955a3;--c2:#224686;--ink:#ffffff;--d1:#214178;--d2:#1c3664;--w:20px;--h:140px;--flag:#2955a3}
  .sp-29{--c1:#633844;--c2:#4c2b35;--ink:#ffffff;--d1:#4e2d37;--d2:#3e242c;--w:20px;--h:148px;--flag:#633844}
  .sp-30{--c1:#837749;--c2:#6c623d;--ink:#ffffff;--d1:#615938;--d2:#514a2f;--w:20px;--h:142px;--flag:#837749}
  .sp-31{--c1:#945a38;--c2:#7a4a2e;--ink:#ffffff;--d1:#6d442c;--d2:#5b3925;--w:24px;--h:136px;--flag:#945a38}
  .sp-32{--c1:#494f2c;--c2:#34381f;--ink:#ffffff;--d1:#3a3e24;--d2:#2b2e1b;--w:20px;--h:144px;--flag:#494f2c}
  .sp-33{--c1:#3b4627;--c2:#282f1a;--ink:#ffffff;--d1:#2f3720;--d2:#212717;--w:20px;--h:140px;--flag:#3b4627}
  .sp-34{--c1:#836649;--c2:#6c543d;--ink:#ffffff;--d1:#614c38;--d2:#51402f;--w:20px;--h:148px;--flag:#836649}
  .sp-35{--c1:#837849;--c2:#6c633d;--ink:#ffffff;--d1:#615a38;--d2:#514b2f;--w:20px;--h:142px;--flag:#837849}
  .sp-36{--c1:#837a49;--c2:#6c653d;--ink:#ffffff;--d1:#615b38;--d2:#514c2f;--w:20px;--h:136px;--flag:#837a49}
  .sp-37{--c1:#ac7e20;--c2:#8e681a;--ink:#243040;--d1:#7f5e1a;--d2:#694e16;--w:20px;--h:144px;--flag:#ac7e20}
  .sp-38{--c1:#836449;--c2:#6c523d;--ink:#ffffff;--d1:#614b38;--d2:#513e2f;--w:20px;--h:140px;--flag:#836449}
  .sp-39{--c1:#af221d;--c2:#911c18;--ink:#ffffff;--d1:#7f1e1a;--d2:#6a1916;--w:20px;--h:148px;--flag:#af221d}
  .sp-40{--c1:#836049;--c2:#6c4f3d;--ink:#ffffff;--d1:#614838;--d2:#513c2f;--w:20px;--h:142px;--flag:#836049}
  .sp-41{--c1:#1d58af;--c2:#184890;--ink:#ffffff;--d1:#1a437f;--d2:#16386a;--w:26px;--h:136px;--flag:#1d58af}
  .sp-42{--c1:#8f663d;--c2:#765432;--ink:#ffffff;--d1:#6a4c2f;--d2:#584027;--w:22px;--h:144px;--flag:#8f663d}
  .sp-43{--c1:#836949;--c2:#6c563d;--ink:#ffffff;--d1:#614e38;--d2:#51412f;--w:22px;--h:140px;--flag:#836949}
  .sp-44{--c1:#f7f4ec;--c2:#efeade;--ink:#333333;--d1:#e8e3d6;--d2:#e0dac9;--w:20px;--h:148px;--flag:#498349;--art:1}
  .sp-45{--c1:#836349;--c2:#6c523d;--ink:#ffffff;--d1:#614b38;--d2:#513e2f;--w:20px;--h:142px;--flag:#836349}


.shelf-case{position:relative;margin-top:12px;padding:13px 12px 9px;background:linear-gradient(180deg,rgba(147,110,64,.10),rgba(147,110,64,.04));border:4px solid rgba(133,97,51,.50);border-radius:10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),inset 0 11px 16px -13px rgba(0,0,0,.30),0 10px 20px -14px rgba(0,0,0,.30)}


.books-page .nav-pills{display:none!important}


.shelf-tab:hover{background:linear-gradient(174deg,rgba(120,86,46,.48),rgba(92,64,33,.56))}
.shelf-tab-name{writing-mode:vertical-rl;text-orientation:upright;font-size:15px;font-weight:700;letter-spacing:.12em;line-height:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}
html[data-theme="dark"]

.books-page .shelf-meta{display:none}

.spine-band{position:absolute;left:1px;right:1px;top:4px;height:2px;background:linear-gradient(90deg,rgba(206,168,86,.12),rgba(255,233,170,.88),rgba(206,168,86,.12));box-shadow:0 1px 0 rgba(0,0,0,.22)}
.spine-band.b2{top:auto;bottom:4px;height:2px;background:linear-gradient(90deg,rgba(206,168,86,.10),rgba(255,233,170,.76),rgba(206,168,86,.10));box-shadow:0 1px 0 rgba(0,0,0,.18)}
.spine-no{position:absolute;left:0;right:0;top:17px;text-align:center;font-size:7.5px;letter-spacing:.02em;color:rgba(255,255,255,.62)}

.shelf-case{position:relative;margin-top:10px;padding:9px 9px 0;border-radius:6px;background:linear-gradient(180deg,rgba(150,113,66,.10),rgba(150,113,66,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.30),inset 0 -1px 0 rgba(0,0,0,.06)}
.shelf-case::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,rgba(140,104,58,.42),rgba(140,104,58,.10));box-shadow:0 1px 0 rgba(0,0,0,.12)}
.shelf-case::after{content:"";position:absolute;left:0;right:0;bottom:0;height:9px;border-radius:0 0 6px 6px;background:linear-gradient(180deg,rgba(140,104,58,.14),rgba(140,104,58,.44));box-shadow:0 -1px 0 rgba(0,0,0,.10)}
html[data-theme="dark"] .shelf-case{background:linear-gradient(180deg,rgba(196,158,104,.08),rgba(196,158,104,.02))}
html[data-theme="dark"] .shelf-case::before{background:linear-gradient(180deg,rgba(196,158,104,.24),rgba(196,158,104,.06))}
html[data-theme="dark"] .shelf-case::after{background:linear-gradient(180deg,rgba(196,158,104,.08),rgba(196,158,104,.26))}

.spine-t::before,.spine-t::after{content:"";position:absolute;left:1px;right:1px;height:1px;bottom:10px;background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.26),rgba(255,255,255,.02))}
.spine-t::before{content:"";position:absolute;left:1px;right:1px;height:1px;top:9px;background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.26),rgba(255,255,255,.02))}
.spine-t::after{bottom:17px}

.spine{position:relative;flex:0 0 auto;width:var(--w,22px);height:var(--h,140px);display:flex;align-items:center;justify-content:center;padding:9px 0;border-radius:2px 2px 1px 1px;text-decoration:none;overflow:hidden;background:linear-gradient(180deg,var(--c1),var(--c2));box-shadow:inset 1px 0 0 rgba(255,255,255,.45),inset -1px 0 0 rgba(0,0,0,.10),2px 2px 4px rgba(0,0,0,.12);transition:transform .18s ease,box-shadow .18s ease}

.shelf-case{background-image:repeating-linear-gradient(90deg,rgba(140,104,58,.055) 0 2px,rgba(140,104,58,0) 2px 7px),linear-gradient(180deg,rgba(150,113,66,.10),rgba(150,113,66,.03))}
html[data-theme="dark"] .shelf-case{background-image:repeating-linear-gradient(90deg,rgba(196,158,104,.05) 0 2px,rgba(196,158,104,0) 2px 7px),linear-gradient(180deg,rgba(196,158,104,.08),rgba(196,158,104,.02))}

.shelf-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;margin:10px 0}
.shelf-item{display:flex;gap:8px;align-items:flex-start;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--card)}
.shelf-sw{flex:0 0 30px;height:42px;border-radius:3px;border:1px solid var(--line);background:#ccc}
.shelf-fields{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;font-size:12.5px;min-width:0}
.shelf-ttl{flex:1 1 100%;font-size:12.5px;color:var(--heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shelf-org{flex:1 1 100%;font-size:11px;color:var(--muted)}
.shelf-fields label{display:flex;align-items:center;gap:3px;color:var(--muted)}
.shelf-fields input[type=color]{width:26px;height:20px;padding:0;border:1px solid var(--line);border-radius:3px;background:none}
.shelf-fields input[type=text]{width:76px;padding:2px 4px;border:1px solid var(--line);border-radius:3px;background:var(--bg);color:var(--text)}

.shelf-tab{position:absolute;left:-62px;top:50%;transform:translateY(-50%);z-index:6;display:flex;align-items:center;justify-content:center;min-width:50px;padding:16px 10px;border-radius:4px 0 0 4px;text-decoration:none;background:linear-gradient(174deg,rgba(120,86,46,.50),rgba(86,58,28,.60));box-shadow:0 1px 0 rgba(255,255,255,.34),0 3px 8px rgba(0,0,0,.26),inset 0 0 0 1px rgba(255,255,255,.12)}
.shelf-tab:hover{background:linear-gradient(174deg,rgba(120,86,46,.60),rgba(86,58,28,.68))}
html[data-theme="dark"] .shelf-tab{background:linear-gradient(174deg,rgba(150,112,64,.44),rgba(110,80,44,.54))}
.shelf-tab-name{writing-mode:vertical-rl;text-orientation:upright;font-size:15px;font-weight:700;letter-spacing:.12em;line-height:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}

.shelf-group{margin:10px 0;border:1px solid var(--line);border-radius:8px;background:var(--card)}
.shelf-group>summary{cursor:pointer;padding:8px 12px;font-weight:600;color:var(--heading)}
.shelf-list{display:flex;flex-direction:column;gap:2px;padding:6px 10px 10px}
.shelf-item{display:grid;grid-template-columns:32px minmax(140px,1fr) auto auto auto auto;gap:8px;align-items:center;padding:4px 0;border-top:1px solid var(--line)}
.shelf-item:first-child{border-top:0}
.shelf-sw{width:30px;height:40px;border-radius:3px;border:1px solid var(--line);background-size:cover;background-position:center}
.shelf-ttl{font-size:12.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shelf-c{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--muted);white-space:nowrap}
.shelf-c input[type=color]{width:26px;height:20px;padding:0;border:1px solid var(--line);border-radius:3px;background:none}
.shelf-c input[type=text],.shelf-c input[type=number]{width:58px;padding:2px 4px;border:1px solid var(--line);border-radius:3px;background:var(--bg);color:var(--text);font-size:12px}

.spine-t::before{content:"";position:absolute;left:1px;right:1px;top:5px;height:4px;background:var(--flag,#999);opacity:.85;border-radius:0 0 2px 2px}

.shelf-arts{display:flex;align-items:flex-end;gap:0;margin-left:14px;padding-left:12px;border-left:1px dashed var(--line)}
.shelf-arts .spine{border-radius:2px;box-shadow:inset -1px 0 0 rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.14)}
.shelf-arts .spine-t{writing-mode:vertical-rl;text-orientation:mixed;font-family:"Microsoft YaHei","PingFang SC",KaiTi,STKaiti,楷体,SimSun,serif;font-size:9px;line-height:1.06;letter-spacing:normal;font-weight:500;color:var(--ink,#2b2b2b);max-height:100%;overflow:hidden;white-space:nowrap}
.shelf-arts .spine::before,.shelf-arts .spine::after{display:none}
.shelf-arts .spine-t::before{background:var(--flag,#999);height:3px;opacity:.7}

.shelf-divider{position:relative;align-self:flex-end;flex:0 0 15px;height:56px;margin:0 9px 3px 11px}
.shelf-divider-stem{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);width:3px;height:52px;background:linear-gradient(90deg,#3f4449,#8b929a 40%,#6a7178 65%,#31353a);border-radius:1px;box-shadow:0 1px 2px rgba(0,0,0,.28)}
.shelf-divider-base{position:absolute;left:0;right:0;bottom:0;height:4px;border-radius:1px;background:linear-gradient(180deg,#6f767e,#464b51 55%,#2e3237);box-shadow:0 1px 2px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.22)}
html[data-theme="dark"] .shelf-divider-stem{background:linear-gradient(90deg,#33373b,#7d848c 40%,#585e65 65%,#292c30)}
html[data-theme="dark"] .shelf-divider-base{background:linear-gradient(180deg,#5f666c,#3a3f44 55%,#24282c)}.spine-band.b2{top:auto;bottom:4px;height:2px;background:linear-gradient(90deg,rgba(212,175,90,.08),rgba(255,232,168,.72),rgba(212,175,90,.08));box-shadow:0 1px 0 rgba(0,0,0,.18)}

.shelf-arts .spine-band{background:linear-gradient(90deg,rgba(120,126,134,.06),rgba(214,220,226,.75),rgba(120,126,134,.06))}
.shelf-arts .spine-band.b2{background:linear-gradient(90deg,rgba(120,126,134,.05),rgba(198,204,210,.6),rgba(120,126,134,.05))}


@media (max-width:640px){

.shelf-sec{padding-left:40px}
  .shelf-books{flex-wrap:nowrap;gap:1px;min-height:0;padding:0 2px 5px}
  .shelf-arts{flex-wrap:nowrap;margin-left:4px;padding-left:4px}
  .spine{flex:1 1 0;width:auto;min-width:0;height:120px;padding:7px 0}
  .spine-t{font-size:7.5px;line-height:1.03}
  .shelf-tab{left:-36px;min-width:38px;padding:12px 6px}
  .shelf-tab-name{font-size:12.5px;letter-spacing:.06em}
  .shelf-divider{flex:0 0 9px;height:44px;margin:0 4px 3px 5px}
  .shelf-divider-stem{height:40px}
  .shelf-row{margin-bottom:9px}
  .shelf-case{padding:7px 7px 0}
}
.shelf-sec{position:relative;margin-top:8px;margin-bottom:0;padding-left:66px}
.shelf-row{position:relative;display:flex;align-items:center;gap:0;margin-bottom:11px}
.shelf-meta{display:flex;align-items:baseline;gap:7px;margin-bottom:4px}
.shelf-name{font-size:12.5px;font-weight:600;color:var(--heading)}
.shelf-en{font-family:var(--serif-en,inherit);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.shelf-count{font-size:11px;color:var(--muted);background:var(--blue-soft);border-radius:999px;padding:0 8px}
.shelf-books{--flag:#8b8b8b;position:relative;display:flex;align-items:flex-end;gap:1px;flex:1 1 auto;min-width:0;min-height:130px;padding:0 5px 4px;border-bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0) 42%);box-shadow:0 3px 0 rgba(140,104,58,.34),0 5px 0 rgba(112,82,44,.30),0 8px 10px -6px rgba(0,0,0,.26)}
.spine{position:relative;flex:0 0 auto;width:var(--w,24px);height:var(--h,144px);display:flex;align-items:center;justify-content:center;padding:11px 0;border-radius:2px 2px 1px 1px;text-decoration:none;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,0) 26%),linear-gradient(180deg,var(--c1),var(--c2));box-shadow:inset 1px 0 0 rgba(255,255,255,.20),inset -1px 0 0 rgba(0,0,0,.22),inset 0 -12px 16px -12px rgba(0,0,0,.45),2px 3px 5px rgba(0,0,0,.18);transition:transform .18s ease,box-shadow .18s ease}
.spine::before{content:"";position:absolute;left:1px;right:1px;top:4px;height:2px;background:linear-gradient(90deg,rgba(206,168,86,.12),rgba(255,233,170,.88),rgba(206,168,86,.12));box-shadow:0 1px 0 rgba(0,0,0,.22)}
.spine::after{content:"";position:absolute;left:1px;right:1px;bottom:7px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.30),rgba(255,255,255,.05))}
.spine-t{writing-mode:vertical-rl;text-orientation:mixed;font-family:"Microsoft YaHei","PingFang SC",KaiTi,STKaiti,楷体,SimSun,serif;font-size:9px;line-height:1.06;letter-spacing:normal;font-weight:500;color:var(--ink,#2b2b2b);max-height:100%;overflow:hidden;white-space:nowrap}
.spine:hover,.spine:focus-visible{transform:translateY(-7px);box-shadow:inset 1px 0 0 rgba(255,255,255,.26),inset -1px 0 0 rgba(0,0,0,.22),2px 9px 14px rgba(0,0,0,.22)}
.spine:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.spine:active{transform:translateY(-2px)}
.shelf-hint{margin:6px 0 0;font-size:12px;line-height:1.6;color:var(--muted)}
html[data-theme="dark"] .spine{background:linear-gradient(180deg,var(--d1,var(--c1)),var(--d2,var(--c2)))}

@media (max-width:640px){

.shelf-books{position:relative;display:flex;align-items:flex-end;gap:1px;flex:1 1 auto;min-width:0;overflow:hidden}
.spine{flex:1 1 0;width:auto;min-width:0}
.spine-t{font-size:7.5px}
.shelf-row{display:flex;align-items:flex-end;gap:0;margin-bottom:10px}
}
@media (prefers-reduced-motion:reduce){
  .spine{transition:none}
  .spine:hover,.spine:focus-visible{transform:none}
}
.form-box{max-width:560px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:22px;box-shadow:var(--shadow);margin-top:18px}

.form-box label{display:block;width:fit-content;max-width:100%;font-size:14px;color:var(--heading);margin:14px 0 8px}
.form-box input[type=text],.form-box textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font-size:14.5px;font-family:inherit}
.form-box textarea{min-height:120px;resize:vertical}
.form-box input[type=text]:focus,.form-box textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}
.form-box button{margin-top:16px;cursor:pointer;border:none}
.form-tip{font-size:12.5px;color:var(--muted);margin-top:10px}
#msg-hint{display:none;color:#c53030;font-size:13px;margin-top:6px}
.wall{margin-top:16px}


.wall-item{overflow-wrap:anywhere;word-break:break-word}
.wall-item{scroll-margin-top:88px}
@media (max-width:720px){.wall-item{scroll-margin-top:70px}}
.wall-hit{border-color:var(--blue) !important;box-shadow:0 0 0 3px var(--blue-soft) !important}
.wall-item{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px 22px;margin-bottom:14px;box-shadow:var(--shadow)}
.wall-name{font-size:13px;color:var(--blue);margin-bottom:6px}
.wall-text{font-size:14.5px;color:var(--text);white-space:pre-wrap;word-break:break-word;line-height:1.9}

.wall-more{display:none}
@media (max-width:720px){
  .wall-text.is-long{display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}
  .wall-text.is-long.open{display:block;overflow:visible}
  .wall-more{display:inline-block;margin:6px 0 0;padding:2px 11px;font-size:12.5px;line-height:1.7;
    color:var(--blue);background:none;border:1px solid var(--line);border-radius:999px;cursor:pointer}
  .wall-more.open{color:var(--muted)}
}
.wall-date{font-size:12px;color:var(--muted);margin-top:8px}
.wall-empty{color:var(--muted);padding:24px;text-align:center}
.center-box{max-width:560px;margin:60px auto;text-align:center}
.code-404{font-size:72px;font-weight:700;color:var(--blue);letter-spacing:6px;line-height:1.2}
.btn-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.to-top{position:fixed;right:22px;bottom:26px;width:42px;height:42px;border-radius:50%;background:var(--blue-dark);color:var(--bg);font-size:18px;border:none;cursor:pointer;box-shadow:0 4px 14px rgba(26,54,93,.35);opacity:0;pointer-events:none;transition:opacity .25s;z-index:20}
.to-top.show{opacity:.92;pointer-events:auto}
footer{border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:13px}
.footer-inner{text-align:center}
.footer-links{margin-bottom:10px;display:flex;height:auto;min-height:0;gap:18px;justify-content:center;flex-wrap:wrap}
.footer-links a{color:var(--muted);font-size:13.5px}
.footer-links a:hover{color:var(--blue)}
.footer-note{margin-top:4px;opacity:.8}
.footer-hand{margin-top:8px;font-size:12px;opacity:.6;letter-spacing:1px}

.reveal-pre{opacity:0;transform:translateY(16px);


  }
@keyframes reveal-failsafe{to{opacity:1;transform:none}}
.reveal-in{opacity:1;transform:none;transition:opacity .72s var(--ease-rise),transform .72s var(--ease-rise)}






@font-face{font-family:"WeiGuang";src:url("weiguang5.woff2") format("woff2");font-display:swap}
:root{--sky1:#3a4a78;--sky2:#5d6f9f;--sky3:#9fb0d0;--sky-star:rgba(255,255,255,.72);--sky-subc:rgba(255,255,255,.94)}
:root[data-theme="dark"]{--sky1:#070d20;--sky2:#101a38;--sky3:#223460;--sky-star:#fff;--sky-subc:rgba(255,255,255,.8)}
@media (prefers-color-scheme: dark){:root:not([data-theme]){--sky1:#070d20;--sky2:#101a38;--sky3:#223460;--sky-star:#fff;--sky-subc:rgba(255,255,255,.8)}}
.nav-links a.nav-glow{color:var(--warm-ink);font-weight:600}
.nav-links a.nav-glow:hover{color:var(--blue)}
.nav-links a.nav-glow svg{width:12px;height:12px;vertical-align:-1px;margin-right:3px}
:root[data-theme="dark"] .nav-links a.nav-glow{color:#e2b25e}
.nav-menu a.nav-glow{color:var(--warm-ink);font-weight:600}
.nav-menu a.nav-glow svg{width:12px;height:12px;vertical-align:-1px;margin-right:3px}
.sky{position:relative;overflow:hidden;min-height:500px;background:linear-gradient(180deg,var(--sky1) 0%,var(--sky2) 44%,var(--sky3) 80%,var(--bg) 100%);display:flex;align-items:center;padding:70px 0 80px}
.sky::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 74% 6%,rgba(150,175,235,.2),transparent 52%),radial-gradient(ellipse at 16% 88%,rgba(130,155,225,.14),transparent 50%);pointer-events:none}
.sky::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:220px;background:linear-gradient(180deg,transparent,var(--bg));pointer-events:none}
.sky-stars,.sky-stars2{position:absolute;inset:0;animation:twinkle 4s ease-in-out infinite}
.sky-stars{box-shadow:120px 60px 0 var(--sky-star),340px 90px 0 var(--sky-star),560px 40px 0 var(--sky-star),800px 110px 0 var(--sky-star),1040px 60px 0 var(--sky-star),220px 180px 0 var(--sky-star),460px 200px 0 var(--sky-star),700px 170px 0 var(--sky-star),940px 210px 0 var(--sky-star),90px 300px 0 var(--sky-star),330px 330px 0 var(--sky-star),620px 300px 0 var(--sky-star),880px 320px 0 var(--sky-star),1100px 280px 0 var(--sky-star),170px 420px 0 var(--sky-star),520px 430px 0 var(--sky-star),760px 400px 0 var(--sky-star),1010px 430px 0 var(--sky-star)}
.sky-stars2{box-shadow:60px 140px 0 rgba(255,255,255,.8),430px 60px 0 rgba(255,255,255,.7),680px 120px 0 rgba(255,255,255,.7),930px 70px 0 rgba(255,255,255,.8),260px 250px 0 rgba(255,255,255,.6),580px 260px 0 rgba(255,255,255,.7),840px 260px 0 rgba(255,255,255,.6),150px 370px 0 rgba(255,255,255,.7),400px 380px 0 rgba(255,255,255,.6),700px 360px 0 rgba(255,255,255,.7),960px 370px 0 rgba(255,255,255,.6),1080px 200px 0 rgba(255,255,255,.7);animation-delay:1.6s;animation-duration:5s}
@keyframes twinkle{0%,100%{opacity:.9}50%{opacity:.35}}
.sky-drift{position:absolute;inset:0;pointer-events:none;opacity:.55;animation:sky-drift 16s ease-in-out infinite alternate}
.sky-drift::before{content:"";position:absolute;inset:0;background-image:radial-gradient(9px circle at 26% 46%, rgba(255,233,184,.4) 0%, rgba(255,233,184,0) 70%),radial-gradient(8px circle at 70% 16%, rgba(255,240,200,.4) 0%, rgba(255,240,200,0) 70%),radial-gradient(7px circle at 49% 8%, rgba(255,233,184,.36) 0%, rgba(255,233,184,0) 70%),radial-gradient(8px circle at 90% 64%, rgba(255,240,200,.36) 0%, rgba(255,240,200,0) 70%),radial-gradient(7px circle at 12% 74%, rgba(255,233,184,.34) 0%, rgba(255,233,184,0) 70%),radial-gradient(8px circle at 58% 80%, rgba(255,240,200,.32) 0%, rgba(255,240,200,0) 70%),radial-gradient(2.5px circle at 8% 32%, #ffe9b8 100%, transparent),radial-gradient(1.5px circle at 18% 10%, #fff3d6 100%, transparent),radial-gradient(3px circle at 26% 46%, #ffdf9e 100%, transparent),radial-gradient(1.5px circle at 35% 18%, #fff8e6 100%, transparent),radial-gradient(2px circle at 42% 58%, #ffe9b8 100%, transparent),radial-gradient(2.5px circle at 49% 8%, #fff3d6 100%, transparent),radial-gradient(1.5px circle at 55% 36%, #ffdf9e 100%, transparent),radial-gradient(2px circle at 63% 52%, #fff8e6 100%, transparent),radial-gradient(3px circle at 70% 16%, #ffe9b8 100%, transparent),radial-gradient(1.5px circle at 76% 60%, #fff3d6 100%, transparent),radial-gradient(2px circle at 84% 26%, #ffdf9e 100%, transparent),radial-gradient(2.5px circle at 90% 64%, #ffe9b8 100%, transparent),radial-gradient(1.5px circle at 94% 40%, #fff8e6 100%, transparent),radial-gradient(2px circle at 12% 74%, #fff3d6 100%, transparent),radial-gradient(1.5px circle at 58% 80%, #ffdf9e 100%, transparent),radial-gradient(2.5px circle at 30% 88%, #ffe9b8 100%, transparent),radial-gradient(1.5px circle at 4% 56%, #fff8e6 100%, transparent),radial-gradient(2px circle at 15% 92%, #ffe9b8 100%, transparent),radial-gradient(2.5px circle at 38% 2%, #fff3d6 100%, transparent),radial-gradient(1.5px circle at 66% 90%, #ffdf9e 100%, transparent),radial-gradient(2px circle at 82% 2%, #fff8e6 100%, transparent),radial-gradient(2.5px circle at 97% 18%, #ffe9b8 100%, transparent),radial-gradient(1.5px circle at 44% 96%, #fff3d6 100%, transparent),radial-gradient(2px circle at 99% 80%, #ffdf9e 100%, transparent);animation:twinkle 6s ease-in-out infinite}
.sky-drift::after{content:"";position:absolute;inset:0;background-image:radial-gradient(2px circle at 6% 20%, #fff8e6 100%, transparent),radial-gradient(1.5px circle at 22% 30%, #ffe9b8 100%, transparent),radial-gradient(2.5px circle at 32% 66%, #fff3d6 100%, transparent),radial-gradient(1.5px circle at 46% 26%, #ffdf9e 100%, transparent),radial-gradient(2px circle at 60% 44%, #ffe9b8 100%, transparent),radial-gradient(2.5px circle at 74% 74%, #fff8e6 100%, transparent),radial-gradient(1.5px circle at 88% 48%, #fff3d6 100%, transparent),radial-gradient(2px circle at 54% 14%, #ffdf9e 100%, transparent),radial-gradient(1.5px circle at 10% 82%, #ffe9b8 100%, transparent),radial-gradient(2.5px circle at 80% 88%, #fff8e6 100%, transparent);animation:twinkle 7.5s 1.2s ease-in-out infinite}
@keyframes sky-drift{from{transform:translate(0,0)}to{transform:translate(22px,-14px)}}
.sky-haze{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 46% 34% at 78% 8%,rgba(150,178,228,.16),transparent 70%),radial-gradient(ellipse 40% 30% at 28% 6%,rgba(172,194,234,.12),transparent 70%);filter:blur(22px)}
.sky-scene{position:absolute;right:-1%;top:-30%;width:min(84%,860px);z-index:1;pointer-events:none;opacity:0;animation:rise-in 1.4s 1.05s cubic-bezier(.16,.84,.32,1) forwards}
.sky-constellation{display:block;width:100%;height:auto;pointer-events:none}
.sky-constellation polyline{stroke-dasharray:400;stroke-dashoffset:400;opacity:0;animation:draw-line 1.1s ease forwards}
.sky-constellation polyline:nth-of-type(1){animation-delay:4.8s}
.sky-constellation polyline:nth-of-type(2){animation-delay:5.4s}
.sky-constellation polyline:nth-of-type(3){animation-delay:6.0s}
.sky-constellation polyline:nth-of-type(4){animation-delay:6.6s}
.sky-constellation polyline:nth-of-type(5){animation-delay:7.2s}
.sky-constellation polyline:nth-of-type(6){animation-delay:7.8s}
@keyframes draw-line{to{stroke-dashoffset:0;opacity:1}}
@keyframes dot-in{to{opacity:.7}}
.meteor{display:block;position:absolute;width:0;height:0;opacity:0;cursor:pointer;pointer-events:auto}
.meteor::before{content:"";position:absolute;left:-15px;top:-15px;width:30px;height:30px}
.m-line{display:block;position:absolute;left:0;top:-1.5px;width:190px;height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(255,252,242,.98) 0%,rgba(255,222,150,.75) 30%,rgba(255,214,140,.25) 60%,rgba(255,214,140,0) 100%);transform-origin:left center;filter:drop-shadow(0 0 6px rgba(255,220,152,.9))}
.m-dot{display:block;position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:#fffdf4;box-shadow:0 0 14px 5px rgba(255,229,170,.95)}
.meteor.pulse .m-dot{box-shadow:0 0 18px 7px rgba(255,242,206,1)}
.m-faint .m-line{width:140px;height:2.5px;background:linear-gradient(90deg,rgba(255,250,238,.92) 0%,rgba(255,214,140,.5) 32%,rgba(255,214,140,0) 100%);filter:drop-shadow(0 0 4px rgba(255,216,148,.7))}
.m-faint .m-dot{width:9px;height:9px;left:-4.5px;top:-4.5px}
.m1{left:21%;top:57.7%;animation:m1-fly 1.5s .3s cubic-bezier(.3,.5,.3,1) forwards}
.m1 .m-line{animation:tail-shrink .9s 2.0s ease-out forwards}
.m1 .m-dot{animation:head-pulse 2.6s 2.0s ease-in-out infinite}
.m2{left:36.75%;top:67.3%;animation:m2-fly 1.3s .8s cubic-bezier(.3,.5,.3,1) forwards}
.m2 .m-line{animation:tail-shrink .9s 2.3s ease-out forwards}
.m2 .m-dot{animation:head-pulse 2.6s 2.3s ease-in-out infinite}
.m3{left:41.25%;top:87.3%;animation:m3-fly 1.6s 1.3s cubic-bezier(.3,.5,.3,1) forwards}
.m3 .m-line{animation:tail-shrink .9s 3.1s ease-out forwards}
.m3 .m-dot{animation:head-pulse 2.6s 3.1s ease-in-out infinite}
.m4{left:25.25%;top:80.4%;animation:m4-fly 1.8s 1.8s cubic-bezier(.3,.5,.3,1) forwards}
.m4 .m-line{animation:tail-shrink .9s 3.8s ease-out forwards}
.m4 .m-dot{animation:head-pulse 2.6s 3.8s ease-in-out infinite}
.m5{left:52.5%;top:75.4%;animation:m5-fly 1.2s 2.2s cubic-bezier(.3,.5,.3,1) forwards}
.m5 .m-line{animation:tail-shrink .9s 3.6s ease-out forwards}
.m5 .m-dot{animation:head-pulse 2.6s 3.6s ease-in-out infinite}
.m6{left:64.75%;top:64.6%;animation:m6-fly 1.7s 2.6s cubic-bezier(.3,.5,.3,1) forwards}
.m6 .m-line{animation:tail-shrink .9s 4.5s ease-out forwards}
.m6 .m-dot{animation:head-pulse 2.6s 4.5s ease-in-out infinite}
.m7{left:77%;top:49.6%;animation:m7-fly 1.5s 3s cubic-bezier(.3,.5,.3,1) forwards}
.m7 .m-line{animation:tail-shrink .9s 4.7s ease-out forwards}
.m7 .m-dot{animation:head-pulse 2.6s 4.7s ease-in-out infinite}
@keyframes m1-fly{0%{opacity:0;transform:translate(56vw,-30vh) rotate(-35deg)}8%{opacity:1}100%{opacity:1;transform:translate(0,0) rotate(-35deg)}}
@keyframes m2-fly{0%{opacity:0;transform:translate(44vw,-36vh) rotate(-32deg)}8%{opacity:1}100%{opacity:1;transform:translate(0,0) rotate(-32deg)}}
@keyframes m3-fly{0%{opacity:0;transform:translate(64vw,-26vh) rotate(-38deg)}8%{opacity:1}100%{opacity:1;transform:translate(0,0) rotate(-38deg)}}
@keyframes m4-fly{0%{opacity:0;transform:translate(50vw,-42vh) rotate(-35deg)}8%{opacity:1}100%{opacity:1;transform:translate(0,0) rotate(-35deg)}}
@keyframes m5-fly{0%{opacity:0;transform:translate(68vw,-32vh) rotate(-30deg)}8%{opacity:1}100%{opacity:1;transform:translate(0,0) rotate(-30deg)}}
@keyframes m6-fly{0%{opacity:0;transform:translate(46vw,-24vh) rotate(-40deg)}8%{opacity:1}100%{opacity:1;transform:translate(0,0) rotate(-40deg)}}
@keyframes m7-fly{0%{opacity:0;transform:translate(60vw,-44vh) rotate(-35deg)}8%{opacity:1}100%{opacity:1;transform:translate(0,0) rotate(-35deg)}}
@keyframes tail-shrink{from{transform:scaleX(1);opacity:1}to{transform:scaleX(.06);opacity:.3}}
@keyframes head-pulse{0%,100%{box-shadow:0 0 8px 3px rgba(255,226,168,.8)}50%{box-shadow:0 0 16px 6px rgba(255,236,190,1)}}
.meteor-word{position:fixed;left:var(--fx);top:var(--fy);color:#f0c778;font-size:13px;letter-spacing:2px;pointer-events:none;z-index:60;text-shadow:0 1px 8px rgba(10,16,36,.85);animation:word-rise 2.4s ease-out forwards}
@keyframes word-rise{0%{opacity:0;transform:translateY(6px)}12%{opacity:1}100%{opacity:0;transform:translateY(-48px)}}
.sky-inner{position:relative;z-index:2;width:100%;max-width:1000px;margin:0 auto;padding:0 20px;text-align:left;pointer-events:none}
.sky-badge{display:inline-block;margin-bottom:20px;padding:5px 16px;border:1px solid rgba(255,220,160,.45);border-radius:999px;color:#ffd994;font-size:12.5px;letter-spacing:2px;animation:rise-in .8s .05s cubic-bezier(.16,.84,.32,1) both}
.sky-title{font-family:"WeiGuang","Ma Shan Zheng","STXingkai","华文行楷","Kaiti SC","KaiTi",serif;font-size:clamp(50px,9vw,94px);font-weight:400;letter-spacing:.08em;line-height:1.3;background:linear-gradient(180deg,#ffedc4 0%,#ffd98e 48%,#f2c272 100%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:rise-in 1.1s .1s cubic-bezier(.16,.84,.32,1) both,sky-glow 5.5s 1.8s ease-in-out infinite}
@keyframes sky-glow{0%,100%{filter:drop-shadow(0 6px 16px rgba(240,192,112,.26))}50%{filter:drop-shadow(0 6px 30px rgba(246,204,134,.5))}}
.sky-title .bracket{font-size:.72em;opacity:.82;letter-spacing:0}
.sky-sub-line{display:flex;align-items:center;gap:18px;margin-top:28px}
.sky-rule{width:48px;height:2px;background:linear-gradient(90deg,#ffd994,rgba(255,217,148,0));flex-shrink:0;animation:rise-in .8s .7s cubic-bezier(.16,.84,.32,1) both}
.sky-sub{margin-top:0;color:var(--sky-subc);font-size:16px;letter-spacing:4px;animation:rise-in .9s .5s cubic-bezier(.16,.84,.32,1) both}
.hot-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:16px}
.hot-card{background:var(--card);border:1px solid var(--line);border-left:4px solid #c8923f;border-radius:10px;padding:18px 20px;box-shadow:var(--shadow);transition:transform .15s,border-color .15s}
.hot-card:hover{transform:translateY(-3px);border-color:#c8923f}
.hot-num{font-size:22px;font-weight:700;color:var(--heading);letter-spacing:1px}
.hot-num a{color:inherit}
.hot-name{font-size:14.5px;color:var(--blue);margin:2px 0 6px;font-weight:600}
.hot-desc{font-size:13px;color:var(--muted);line-height:1.7}
.guide-item{background:var(--card);border:1px solid var(--line);border-left:4px solid rgba(200,146,63,.65);border-radius:10px;padding:18px 22px;margin-top:14px;box-shadow:var(--shadow)}
.guide-item h4{font-size:14.5px;color:var(--heading);margin-bottom:8px}
.guide-item p{font-size:13.5px;color:var(--muted);line-height:1.9}
.warm-box{max-width:560px;background:var(--card);border:1px solid var(--line);border-left:4px solid #c8923f;border-radius:10px;padding:22px 26px;box-shadow:var(--shadow)}
.warm-text{font-size:16px;color:var(--text);min-height:30px;margin-bottom:14px}

.warm-text.swap{animation:warm-ignite 1.5s var(--ease-rise) both}

@keyframes warm-ignite{
  0%{opacity:0;transform:translateY(8px);color:var(--muted)}
  26%{opacity:1;transform:translateY(0);color:var(--muted)}
  62%{opacity:1;transform:none;color:#f0c060}
  100%{opacity:1;transform:none;color:var(--warm-ink)}
}


.warm-box{position:relative}
.warm-box::after{
  content:"";position:absolute;left:30px;top:50%;
  width:190px;height:190px;margin:-95px 0 0 -95px;border-radius:50%;
  pointer-events:none;z-index:0;opacity:0;
  background:radial-gradient(circle,rgba(217,164,65,.30),rgba(217,164,65,.10) 46%,transparent 70%);
}
.warm-box.lit::after{animation:warm-bloom 1.25s var(--ease-rise) both}
@keyframes warm-bloom{
  0%{opacity:0;transform:scale(.55)}
  34%{opacity:1;transform:scale(1)}
  100%{opacity:0;transform:scale(1.32)}
}

.warm-text{position:relative;z-index:1}
@keyframes warm-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.warm-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.warm-actions .btn:disabled{opacity:.5;cursor:default;pointer-events:none}
.indent-p{text-indent:2em}
@media (max-width:640px){
  .sky-stars{box-shadow:40px 40px 0 var(--sky-star),120px 90px 0 var(--sky-star),200px 30px 0 var(--sky-star),280px 110px 0 var(--sky-star),350px 60px 0 var(--sky-star),60px 150px 0 var(--sky-star),150px 190px 0 var(--sky-star),240px 230px 0 var(--sky-star),320px 160px 0 var(--sky-star),90px 280px 0 var(--sky-star),200px 320px 0 var(--sky-star),300px 270px 0 var(--sky-star)}
  .sky-stars2{box-shadow:20px 100px 0 rgba(255,255,255,.7),110px 30px 0 rgba(255,255,255,.7),190px 140px 0 rgba(255,255,255,.6),270px 60px 0 rgba(255,255,255,.7),340px 200px 0 rgba(255,255,255,.6),40px 220px 0 rgba(255,255,255,.7),140px 340px 0 rgba(255,255,255,.6),250px 380px 0 rgba(255,255,255,.7),330px 330px 0 rgba(255,255,255,.6)}
  .sky-scene{width:62%;right:1%;top:2%}
}
.song-list{margin-top:16px}
.song-item{display:flex;align-items:baseline;gap:12px;padding:10px 14px;border-bottom:1px dashed var(--line);font-size:14px}
.song-item:last-child{border-bottom:none}
.song-no{color:var(--warm-ink);font-size:12px;flex-shrink:0;letter-spacing:1px}
.song-name{color:var(--text);font-weight:600}
.song-artist{color:var(--muted);font-size:12.5px}
.song-note{margin-top:14px;font-size:12.5px;color:var(--muted)}
.group-note{margin-top:8px;font-size:12.5px;color:var(--muted)}
@media (max-width:640px){
  .sky{min-height:430px;padding:56px 0 70px}
  .sky-title{letter-spacing:.18em}
}

@media (max-width:720px){
  .nav-links{display:none}
  #btn-menu{display:flex}
  .nav-menu{display:none;border-bottom:1px solid var(--line);background:var(--card)}
  .nav-menu.open{display:block}
  .nav-menu-inner{padding:4px 20px 12px}
  .nav-menu a{display:block;padding:12px 2px;border-bottom:1px solid var(--line);color:var(--text);font-size:15px}
  .nav-menu a:last-child{border-bottom:none}
  .nav-menu a:hover{color:var(--blue)}
  .connect-box{grid-template-columns:1fr}
  .connect-divider{border-left:none;border-top:1px solid var(--line);padding-left:0;padding-top:20px}
}
@media (max-width:640px){
  .brand-sub{display:none}
  section{padding:40px 0}
  .hero{padding:56px 0 46px}
  .to-top{right:16px;bottom:18px}
  .hero-actions .btn{font-family:inherit;padding:10px 20px;font-size:14.5px}
  .connect-wechat{flex-direction:column;align-items:center;text-align:center}
  .search-panel{top:64px}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
.egg{position:absolute;right:16px;bottom:12px;font-size:11px;letter-spacing:2px;color:var(--muted);opacity:.32;pointer-events:none;transition:opacity .5s ease;z-index:2;white-space:nowrap;user-select:none}

.no-sel,.no-sel *{-webkit-user-select:none;user-select:none}
.no-sel #connect,.no-sel #connect *{-webkit-user-select:text;user-select:text}
.no-sel input,.no-sel textarea{-webkit-user-select:text;user-select:text}
@media (max-width:720px){.hero-constellation{top:-66px;left:14px;width:108px;height:54px;opacity:.5}}

.mail-lead{color:var(--muted);font-size:14px;line-height:1.85;margin-bottom:14px}
.mail-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.mail-hint{display:none;margin-top:10px;font-size:13px;color:var(--blue);word-break:break-all}


@media (max-width:720px){
  .hero{padding:74px 0 60px}
  .hero-title{font-size:clamp(30px,8.8vw,42px);letter-spacing:4px;margin-bottom:12px}
  .hero-tagline{font-size:14px;letter-spacing:3px;gap:8px;margin-bottom:10px}
  .hero-tagline::before{width:20px;height:2px}
  .hero-sub{font-size:14px;line-height:1.75;max-width:100%}
  .hero-art{right:-4px;top:6px;width:150px;height:150px;opacity:.5}
  .brand{font-size:16px}
  .icon-btn{width:34px;height:34px}
  nav{gap:6px}
}
@media (max-width:480px){
  .hero{padding:70px 0 56px}
  .hero-title{font-size:clamp(28px,9.6vw,34px);letter-spacing:3px}
  .hero-art{right:0;top:4px;width:122px;height:122px;opacity:.45}
  .hero-constellation{width:92px;height:46px;top:-54px}
  .notice-bar{font-size:13px}
  .mail-actions .btn{flex:1 1 auto;text-align:center}
}
.mail-label{display:block;width:fit-content;max-width:100%;color:var(--muted);font-size:13.5px;line-height:1.7;margin-bottom:8px}
#mail-body{width:100%;min-height:110px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font-size:14px;font-family:inherit;resize:vertical;margin-bottom:12px}


@media (max-width:720px){

  .nav-menu{position:fixed;left:0;right:0;top:60px;z-index:45;background:var(--card);border-bottom:1px solid var(--line);
    box-shadow:0 12px 28px rgba(15,25,45,.18);max-height:calc(100vh - 60px);overflow-y:auto}
  .nav-menu-inner{padding:6px 20px 14px}
  .nav-menu a{padding:13px 2px;font-size:15px}
  body.menu-open{overflow:hidden}


  .hero{min-height:100vh;min-height:100svh;padding:78px 0 30px;display:flex;flex-direction:column;justify-content:center}
  .hero-main{padding-left:0;margin:0 auto;max-width:min(100%,540px);width:100%}
  .hero-title{font-size:clamp(26px,7.8vw,34px);letter-spacing:2.5px;line-height:1.28;margin-bottom:9px}
  .hero-tagline{font-size:12.5px;letter-spacing:2.5px;gap:7px;margin-bottom:7px}
  .hero-tagline::before{width:16px;height:2px}
  .hero-sub{font-size:13px;line-height:1.72;max-width:100%}
  .notice-bar{font-size:12.5px;padding:8px 12px;margin-top:12px}
  .hero-art{position:relative;right:auto;top:auto;width:min(62vw,232px);height:min(62vw,232px);
    margin:16px auto 0;opacity:.58;animation:art-in 1.1s .25s cubic-bezier(.16,.84,.32,1) both}
  .hero-constellation{left:50%;transform:translateX(-50%);top:-62px;width:112px;height:56px;opacity:.55}
  .egg{right:12px;bottom:9px;font-size:9.5px;letter-spacing:1px;opacity:.26}
  .brand{font-size:15.5px}
  .brand-logo{width:22px;height:19px}
  .icon-btn{width:33px;height:33px}
}
@media (max-width:480px){
  .hero{padding:74px 0 26px}
  .hero-art{width:min(66vw,206px);height:min(66vw,206px);margin-top:14px}
  .hero-constellation{top:-56px;width:96px;height:48px}
  .egg{font-size:9px;right:10px;bottom:8px}
}


@media (max-width:720px){
  .sky{min-height:100vh;min-height:100svh;padding:66px 0 46px;display:flex;align-items:center}
  .sky-scene{top:auto;bottom:-6%;right:-10%;width:min(96%,470px);opacity:.85;max-height:56vh}
  .sky-title{font-size:clamp(40px,11.5vw,60px);letter-spacing:.12em}
  .sky-sub{font-size:13.5px;letter-spacing:3px}
  .sky-badge{font-size:12px;padding:4px 12px;margin-bottom:16px}
  .sky-sub-line{gap:12px;margin-top:20px}
}

.form-status{display:none;margin-top:12px;font-size:13px;line-height:1.7;color:var(--blue)}
.form-status.warn{color:#c0562f}


footer{border-top:none}
@media (max-width:720px){
  footer{padding:22px 0 78px}
  .follow-strip{padding:11px 0}
  .to-top{right:14px;bottom:14px;width:38px;height:38px;font-size:15px}
  .mail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
  .mail-actions .btn{width:100%;text-align:center;margin:0}
}
@media (min-width:721px){
  .mail-actions .btn{min-width:140px;text-align:center}
}


@media (max-width:720px){

  .hero{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:auto;padding:72px 0 28px;text-align:center}
  .hero-main{padding:0 20px;margin:0;max-width:100%;width:100%;text-align:center}
  .hero-title{font-size:clamp(30px,9vw,40px);letter-spacing:3px;line-height:1.3;margin-bottom:8px}
  .hero-tagline{justify-content:center;font-size:13px;letter-spacing:3px;gap:8px;margin-bottom:6px}
  .hero-tagline::before{width:16px;height:2px}
  .hero-sub{font-size:13.5px;line-height:1.7;margin:0 auto;max-width:100%}
  .notice-bar{font-size:12.5px;margin-top:12px}
  .hero-art{width:min(56vw,200px);height:min(56vw,200px);margin:18px auto 0;opacity:.6}
  .hero-constellation{left:50%;transform:translateX(-50%);top:-50px;width:92px;height:46px;opacity:.5}
  .egg{right:12px;bottom:8px;font-size:9.5px;letter-spacing:1px}


  .sky{display:flex;flex-direction:column;min-height:auto;padding:64px 0 34px}
  .sky-inner{order:1;padding:0 20px}
  .sky-scene{order:2;position:relative;left:auto;right:auto;top:auto;bottom:auto;width:min(94%,420px);margin:22px auto 0;opacity:.92;max-height:none}
  .sky-title{font-size:clamp(38px,11vw,52px);letter-spacing:.1em;margin-bottom:6px}
  .sky-sub{font-size:13px;letter-spacing:2.5px}
  .sky-badge{font-size:11.5px;padding:4px 12px;margin-bottom:14px}
  .sky-sub-line{gap:12px;margin-top:16px}
}
@media (max-width:480px){
  .hero{padding:68px 0 24px}
  .hero-art{width:min(60vw,180px);height:min(60vw,180px);margin-top:16px}
  .hero-constellation{top:-46px;width:84px;height:42px}
  .sky{padding:58px 0 28px}
  .sky-title{font-size:clamp(34px,12vw,46px)}
  .sky-scene{width:96%;margin-top:18px}
}


@media (max-width:720px){

  .hero{display:block;min-height:auto;padding:70px 0 26px;text-align:left}
  .hero-main{display:block;width:auto;max-width:min(100%,470px);margin:0 auto;padding:0 22px;text-align:left}
  .hero-title{display:block;font-size:clamp(30px,8.6vw,38px);letter-spacing:3px;line-height:1.25;margin-bottom:8px;white-space:nowrap}
  .hero-tagline{display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:13px;letter-spacing:3px;margin-bottom:6px}
  .hero-tagline::before{width:16px;height:2px}
  .hero-sub{font-size:13.5px;line-height:1.7;max-width:none}
  .notice-bar{font-size:12.5px;margin-top:12px}
  .hero-art{position:relative;width:min(58vw,208px);height:min(58vw,208px);margin:20px auto 0;opacity:.62;animation:art-in 1s .2s cubic-bezier(.16,.84,.32,1) both}
  .hero-constellation{left:50%;transform:translateX(-50%);top:-46px;width:88px;height:44px;opacity:.5}
  .egg{right:12px;bottom:8px;font-size:9.5px;letter-spacing:1px}


  .sky{display:flex;flex-direction:column;min-height:auto;padding:56px 0 30px}
  .sky-scene{order:1;position:relative;left:auto;right:auto;top:auto;bottom:auto;width:min(88%,380px);margin:0 auto 12px;opacity:.92;max-height:none}
  .sky-inner{order:2;padding:0 22px;text-align:left}
  .sky-title{font-size:clamp(36px,10.5vw,50px);letter-spacing:.1em;margin-bottom:6px}
  .sky-sub{font-size:13px;letter-spacing:2.5px}
  .sky-badge{font-size:11.5px;padding:4px 12px;margin-bottom:12px}
  .sky-sub-line{gap:12px;margin-top:14px}
}
@media (max-width:480px){
  .hero{padding:66px 0 22px}
  .hero-main{padding:0 18px}
  .hero-title{font-size:clamp(28px,9.4vw,34px);letter-spacing:2px}
  .hero-art{width:min(62vw,186px);height:min(62vw,186px);margin-top:18px}
  .hero-constellation{top:-42px;width:80px;height:40px}
  .sky{padding:52px 0 26px}
  .sky-title{font-size:clamp(32px,11.5vw,44px)}
  .sky-scene{width:90%;margin-bottom:10px}
}


@media (max-width:720px){

  .hero{min-height:100svh;display:flex;align-items:center;padding:78px 0 44px}
  .hero-inner{flex:1;flex-direction:column;align-items:stretch;justify-content:center;gap:0;padding:0 22px;max-width:100%}
  .hero-main{flex:0 0 auto;max-width:none;width:100%;padding:0;margin:0;text-align:left}
  .hero-title{font-size:clamp(30px,8.6vw,38px);letter-spacing:3px;line-height:1.25;margin-bottom:8px;white-space:nowrap}
  .hero-tagline{display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:13px;letter-spacing:3px;margin-bottom:6px}
  .hero-tagline::before{width:16px;height:2px}
  .hero-sub{font-size:13.5px;line-height:1.7}
  .notice-bar{font-size:12.5px;margin-top:12px}
  .hero-art{align-self:center;position:relative;right:auto;top:auto;width:min(58vw,208px);height:min(58vw,208px);margin:24px auto 0;opacity:.62;animation:art-in 1s .2s cubic-bezier(.16,.84,.32,1) both}
  .hero-constellation{left:50%;transform:translateX(-50%);top:-46px;width:88px;height:44px;opacity:.5}
  .egg{right:12px;bottom:10px;font-size:9.5px;letter-spacing:1px}


  .sky{display:flex;flex-direction:column;justify-content:center;min-height:92svh;padding:56px 0 52px}
  .sky-scene{order:1;position:relative;left:auto;right:auto;top:auto;bottom:auto;width:min(88%,380px);margin:-26% auto 6px;opacity:.92}
  .sky-inner{order:2;padding:0 22px;text-align:left}
  .sky-title{font-size:clamp(36px,10.5vw,50px);letter-spacing:.1em;margin-bottom:6px}
  .sky-sub{font-size:13px;letter-spacing:2.5px}
  .sky-badge{font-size:11.5px;padding:4px 12px;margin-bottom:12px}
  .sky-sub-line{gap:12px;margin-top:14px}
}
@media (max-width:480px){
  .hero{padding:74px 0 38px}
  .hero-title{font-size:clamp(28px,9.4vw,34px);letter-spacing:2px}
  .hero-art{width:min(62vw,186px);height:min(62vw,186px);margin-top:20px}
  .hero-constellation{top:-42px;width:80px;height:40px}
  .sky{min-height:90svh;padding:50px 0 46px}
  .sky-title{font-size:clamp(32px,11.5vw,44px)}
  .sky-scene{width:92%;margin-top:-24%}
}


@media (max-width:720px){

  .hero{align-items:stretch;justify-content:center;min-height:100svh;padding:78px 0 44px}
  .hero-inner{width:100%;max-width:100%;padding:0 22px}
  .hero-main{width:100%;max-width:none;text-align:left}
  .hero-art{align-self:center}

  .sky{min-height:92svh;padding:56px 0 50px;justify-content:center}
  .sky-scene{margin:-25% auto 8px}
  .sky-inner{width:100%;padding:0 22px}
}
@media (max-width:480px){
  .hero{padding:74px 0 38px}
  .sky{min-height:90svh;padding:50px 0 44px}
  .sky-scene{margin-top:-24%}
}


.post-title{font-size:clamp(24px,3.2vw,32px);line-height:1.35;margin:10px 0 8px;color:var(--heading)}
.post-tag{display:inline-block;font-size:12px;color:var(--blue);border:1px solid var(--line);border-radius:999px;padding:3px 11px;margin-bottom:10px}
.post-meta{color:var(--muted);font-size:13px;margin-bottom:14px}
.post-meta a{color:var(--blue)}
.post-body{max-width:760px}
.post-body h2{font-size:17.5px;color:var(--heading);margin:26px 0 10px}
.post-body p{font-size:15px;line-height:1.92;color:var(--text);margin-bottom:14px}
.post-body ul{padding-left:22px;margin-bottom:14px}
.post-body li{font-size:15px;line-height:1.86;color:var(--text);margin:7px 0}
.post-note{max-width:760px;margin-top:18px;padding:13px 16px;border-left:3px solid #c8923f;background:var(--card);border-radius:8px;color:var(--muted);font-size:13px;line-height:1.8}
.post-cta{max-width:760px;margin-top:26px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--card);text-align:center}
.post-cta p{color:var(--muted);font-size:13.5px;margin-bottom:14px}
.post-qr{display:block;width:118px;height:118px;margin:14px auto 0;border-radius:8px;border:1px solid var(--line)}
.post-nav{max-width:760px;display:flex;justify-content:space-between;gap:14px;margin-top:28px;font-size:13.5px;flex-wrap:wrap}
.post-nav a{color:var(--blue)}
.card-post{display:block}

.card-actions{display:flex;gap:16px;align-items:center;margin-top:12px;flex-wrap:wrap;align-content:flex-start}
.card-actions .card-go{margin-top:0}
.card-src{color:var(--muted);font-size:13px}
.card-src:hover{color:var(--blue)}
@media (max-width:720px){
  .post-body p,.post-body li{font-size:14.5px;line-height:1.85}
  .post-title{font-size:24px}
  .post-nav{flex-direction:column;gap:10px}
}


.post-card{max-width:760px;margin-top:22px;display:flex;gap:18px;align-items:flex-start;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:var(--shadow)}
.post-card-qr{width:116px;height:116px;border-radius:8px;border:1px solid var(--line);flex-shrink:0}
.post-card-body h3{font-size:15.5px;color:var(--heading);margin-bottom:4px}
.post-card-id{font-size:13px;color:var(--muted);margin-bottom:8px}
.post-card-body p{font-size:13.5px;color:var(--muted);line-height:1.8}
.post-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
@media (max-width:720px){
  .post-card{flex-direction:column;align-items:center;text-align:center;padding:18px}
  .post-card-actions{justify-content:center;width:100%}
  .post-card-actions .btn{flex:1 1 auto;text-align:center}
}


.series-nav{margin-top:14px;padding:9px 15px;border-left:3px solid var(--blue);background:var(--blue-soft);border-radius:0 8px 8px 0;font-size:14px;color:var(--text)}
.series-nav a{color:var(--blue);text-decoration:none}
.series-nav a:hover{text-decoration:underline}
.route-head{padding-top:26px}
.route-lead{color:var(--muted);font-size:15px;max-width:680px;margin-top:10px}
.route-stats{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 4px}
.route-stat{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 14px;font-size:13px;color:var(--muted);box-shadow:var(--shadow)}
.route-stat b{color:var(--blue);font-size:16px;margin-right:5px;font-weight:700}
.route-step{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin:16px 0;box-shadow:var(--shadow)}
.route-step-top{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.route-num{font-size:13px;font-weight:700;color:var(--blue);letter-spacing:1.5px}
.route-step-title{font-size:19px;font-weight:700;color:var(--heading)}
.route-step-desc{color:var(--muted);font-size:14px;margin:9px 0 15px;max-width:680px}
.route-list{display:grid;gap:11px}
.route-item{border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:var(--bg)}
.route-item-title{font-size:15px;font-weight:600;color:var(--heading);margin-bottom:6px}
.route-item-desc{font-size:14px;color:var(--text);margin-bottom:10px}
.route-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.route-tag{font-size:12px;padding:2px 10px;border-radius:999px;background:var(--blue-soft);color:var(--blue)}
.route-actions{display:flex;gap:16px;flex-wrap:wrap;font-size:13px}
.route-actions a{color:var(--blue);text-decoration:none}
.route-actions a:hover{text-decoration:underline}
.concept-cloud{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 4px}
.concept-chip{display:inline-block;font-size:13px;padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--text);text-decoration:none;box-shadow:var(--shadow)}
.concept-chip:hover{border-color:var(--blue);color:var(--blue)}
.route-tips{display:grid;gap:11px;margin-top:12px;max-width:720px}
.route-tip{font-size:14px;color:var(--text);padding-left:24px;position:relative}
.route-tip::before{content:'·';position:absolute;left:6px;top:-2px;color:var(--blue);font-weight:700;font-size:20px}
@media (max-width:640px){.route-step{padding:16px 16px;border-radius:12px}.route-step-title{font-size:17px}.route-item{padding:12px 13px}.route-stats{gap:8px}.route-stat{padding:7px 11px;font-size:12px}}


.letter-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:12px}
.letter-paper{background:var(--card);border:1px solid var(--line);border-left:4px solid #c8923f;border-radius:12px;padding:15px 17px;box-shadow:var(--shadow)}
.letter-label{font-size:13px;letter-spacing:2px;color:var(--warm-ink);margin-bottom:6px}
.letter-modes{list-style:none;padding:0;margin:0 0 10px}
.letter-modes li{padding:6px 0;border-bottom:1px dashed var(--line)}
.letter-modes li:last-child{border-bottom:none}
.letter-modes b{display:block;font-size:14.5px;color:var(--heading);margin-bottom:1px}
.letter-modes span{font-size:13px;line-height:1.6;color:var(--muted)}
.letter-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.letter-addr{font-size:12.5px;color:var(--muted)}
.letter-addr span{color:var(--blue)}
.letter-terms{background:var(--blue-soft);border-radius:12px;padding:13px 16px}
.letter-terms-title{font-size:13.5px;font-weight:700;color:var(--heading);margin-bottom:5px}
.letter-terms ul{padding-left:18px;margin:0}
.letter-terms li{font-size:12.5px;color:var(--text);margin:4px 0;line-height:1.6}
.letter-terms b{color:var(--blue)}
@media (max-width:760px){.letter-wrap{grid-template-columns:1fr;gap:12px}.letter-paper{padding:14px 15px}.letter-terms{padding:12px 14px}}


.post-faq{margin:28px 0 4px;border-top:1px dashed var(--line);padding-top:20px}
.post-faq h2{font-size:17px;color:var(--heading);margin-bottom:12px}
.post-faq dl{margin:0}
.post-faq dt{font-size:14.5px;font-weight:600;color:var(--heading);margin-top:15px}
.post-faq dt:first-child{margin-top:0}
.post-faq dd{font-size:14px;color:var(--text);margin:6px 0 0;line-height:1.85}
@media (max-width:640px){.post-faq dt{font-size:14px}.post-faq dd{font-size:13.5px}}


.wall-date{display:flex;align-items:center;justify-content:space-between;gap:10px}
.wall-reply{border:none;background:transparent;color:var(--blue);font:inherit;font-size:12.5px;cursor:pointer;padding:2px 4px;border-radius:5px}
.wall-reply:hover{background:var(--blue-soft)}
.wall-re{margin-left:8px;font-size:12px;color:var(--muted)}

.wall-own{margin-left:8px;padding:1px 7px;border-radius:5px;font-size:11.5px;font-weight:600;color:#fff;background:var(--blue);vertical-align:1px}

.reply-tip{position:fixed;left:16px;bottom:16px;z-index:60;display:inline-flex;align-items:center;
  padding:9px 15px;border-radius:999px;background:var(--blue);color:#fff;font-size:13px;font-weight:600;
  text-decoration:none;box-shadow:0 6px 18px rgba(20,40,80,.22);max-width:calc(100vw - 32px)}
.reply-tip-dot{width:7px;height:7px;border-radius:50%;background:#fff;opacity:.95;margin-right:7px;flex:none}
.reply-tip:hover{filter:brightness(1.07)}

@media (max-width:720px){.reply-tip{left:12px;right:12px;top:69px;bottom:auto;justify-content:center;border-radius:12px;font-size:12.5px;padding:9px 13px}}
.wall-replies{margin:10px 0 4px 20px;padding-left:14px;border-left:2px solid var(--line)}
.wall-item-reply{padding:13px 16px;margin-bottom:10px}
.wall-item-reply:last-child{margin-bottom:0}
.reply-bar{display:flex;align-items:center;gap:10px;margin:10px 0 4px;padding:9px 13px;border-radius:9px;background:var(--blue-soft);color:var(--blue-dark);font-size:13px;line-height:1.6}
.reply-bar[hidden]{display:none}
.reply-cancel{margin-left:auto;flex-shrink:0;border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:7px;font:inherit;font-size:12.5px;padding:3px 11px;cursor:pointer}
.reply-cancel:hover{border-color:var(--blue);color:var(--blue)}
@media (max-width:640px){.wall-replies{margin-left:10px;padding-left:10px}}




:root[data-theme="light"] .hero-court,
:root[data-theme="light"] .hero-constellation,
:root[data-theme="light"] .hero-ring-art,
:root[data-theme="light"] .hero-scale,
:root[data-theme="light"] .hero-scale-echo,
:root[data-theme="light"] .hero-stars,
:root[data-theme="light"] .hero-stars2,
:root[data-theme="light"] .hero-star{--blue:var(--hero-ink)}


:root[data-theme="light"] .hero-stars{

  opacity:.40;animation:none;
  background-image:
    radial-gradient(2.6px circle at 11% 17%,rgba(var(--hero-ink-rgb),.19) 0 40%,rgba(var(--hero-ink-rgb),0) 100%),
    radial-gradient(1.7px circle at 26% 46%,rgba(var(--hero-ink-rgb),.25) 0 44%,rgba(var(--hero-ink-rgb),0) 100%),
    radial-gradient(3px circle at 45% 11%,rgba(var(--hero-ink-rgb),.13) 0 36%,rgba(var(--hero-ink-rgb),0) 100%),
    radial-gradient(2.1px circle at 62% 32%,rgba(var(--hero-ink-rgb),.17) 0 42%,rgba(var(--hero-ink-rgb),0) 100%),
    radial-gradient(1.6px circle at 77% 8%,rgba(var(--hero-ink-rgb),.21) 0 44%,rgba(var(--hero-ink-rgb),0) 100%),
    radial-gradient(2.8px circle at 91% 40%,rgba(var(--hero-ink-rgb),.12) 0 38%,rgba(var(--hero-ink-rgb),0) 100%),
    radial-gradient(2px circle at 17% 71%,rgba(var(--hero-ink-rgb),.15) 0 40%,rgba(var(--hero-ink-rgb),0) 100%),
    radial-gradient(1.7px circle at 36% 87%,rgba(var(--hero-ink-rgb),.19) 0 44%,rgba(var(--hero-ink-rgb),0) 100%),
    radial-gradient(2.4px circle at 54% 63%,rgba(var(--hero-ink-rgb),.11) 0 38%,rgba(var(--hero-ink-rgb),0) 100%),
    radial-gradient(1.9px circle at 70% 80%,rgba(var(--hero-ink-rgb),.16) 0 42%,rgba(var(--hero-ink-rgb),0) 100%),
    radial-gradient(2.7px circle at 87% 67%,rgba(var(--hero-ink-rgb),.10) 0 36%,rgba(var(--hero-ink-rgb),0) 100%),
    radial-gradient(1.6px circle at 95% 21%,rgba(var(--hero-ink-rgb),.19) 0 44%,rgba(var(--hero-ink-rgb),0) 100%);
}
:root[data-theme="light"] .hero-stars2{
  display:none;
  background-image:
    radial-gradient(2.2px circle at 33% 24%,rgba(var(--hero-ink-rgb),.14) 0 42%,rgba(var(--hero-ink-rgb),0) 100%),
    radial-gradient(1.6px circle at 69% 52%,rgba(var(--hero-ink-rgb),.18) 0 44%,rgba(var(--hero-ink-rgb),0) 100%),
    radial-gradient(2.5px circle at 8% 43%,rgba(var(--hero-ink-rgb),.12) 0 38%,rgba(var(--hero-ink-rgb),0) 100%),
    radial-gradient(1.8px circle at 48% 78%,rgba(var(--hero-ink-rgb),.16) 0 42%,rgba(var(--hero-ink-rgb),0) 100%),
    radial-gradient(2.9px circle at 84% 15%,rgba(var(--hero-ink-rgb),.11) 0 36%,rgba(var(--hero-ink-rgb),0) 100%),
    radial-gradient(1.7px circle at 22% 91%,rgba(var(--hero-ink-rgb),.15) 0 44%,rgba(var(--hero-ink-rgb),0) 100%);
}
:root[data-theme="light"] .hero-star{opacity:.26;animation:none}


:root[data-theme="light"] .hero-haze{
  opacity:1;filter:blur(26px);
  background-image:
    radial-gradient(ellipse 56% 42% at 12% 3%,rgba(124,106,76,.10),rgba(124,106,76,0) 70%),
    radial-gradient(ellipse 50% 38% at 88% 5%,rgba(124,106,76,.08),rgba(124,106,76,0) 72%);
}
:root[data-theme="light"] .hero-glow{opacity:.2}


:root[data-theme="light"] .comet{display:none}


:root[data-theme="light"] .orbit-dot.boom{box-shadow:none;filter:none;opacity:.75}


:root[data-theme="light"] .shock-ring{
  border:0;border-radius:47% 53% 50% 50% / 50% 47% 53% 50%;
  background:radial-gradient(closest-side circle,
    rgba(var(--hero-ink-rgb),0) 72%,
    rgba(var(--hero-ink-rgb),.07) 82%,
    rgba(var(--hero-ink-rgb),.26) 88%,
    rgba(var(--hero-ink-rgb),.05) 96%,
    rgba(var(--hero-ink-rgb),0) 100%);
}





:root[data-theme="light"] .orbit-drift{

  width:38px;height:38px;border-radius:0;opacity:1;background:none;
  background-image:
    radial-gradient(ellipse 19.1% 21.8% at 56.1% 48.7%, rgba(var(--hero-ink-rgb),0.200) 0 42%,rgba(var(--hero-ink-rgb),0.110) 62%,rgba(var(--hero-ink-rgb),0.024) 80%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 18.0% 17.0% at 43.9% 58.0%, rgba(var(--hero-ink-rgb),0.181) 0 42%,rgba(var(--hero-ink-rgb),0.099) 62%,rgba(var(--hero-ink-rgb),0.022) 80%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 17.5% 18.5% at 49.6% 39.9%, rgba(var(--hero-ink-rgb),0.144) 0 42%,rgba(var(--hero-ink-rgb),0.079) 62%,rgba(var(--hero-ink-rgb),0.017) 80%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 12.3% 13.0% at 59.5% 59.6%, rgba(var(--hero-ink-rgb),0.109) 0 42%,rgba(var(--hero-ink-rgb),0.060) 62%,rgba(var(--hero-ink-rgb),0.013) 80%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 12.9% 11.4% at 38.6% 44.8%, rgba(var(--hero-ink-rgb),0.126) 0 42%,rgba(var(--hero-ink-rgb),0.070) 62%,rgba(var(--hero-ink-rgb),0.015) 80%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 12.6% 9.4% at 59.8% 40.1%, rgba(var(--hero-ink-rgb),0.112) 0 42%,rgba(var(--hero-ink-rgb),0.062) 62%,rgba(var(--hero-ink-rgb),0.013) 80%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 11.7% 11.2% at 50.2% 65.4%, rgba(var(--hero-ink-rgb),0.086) 0 42%,rgba(var(--hero-ink-rgb),0.048) 62%,rgba(var(--hero-ink-rgb),0.010) 80%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 11.5% 12.8% at 42.8% 35.7%, rgba(var(--hero-ink-rgb),0.062) 0 42%,rgba(var(--hero-ink-rgb),0.034) 62%,rgba(var(--hero-ink-rgb),0.007) 80%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 10.6% 10.8% at 64.3% 57.1%, rgba(var(--hero-ink-rgb),0.063) 0 42%,rgba(var(--hero-ink-rgb),0.035) 62%,rgba(var(--hero-ink-rgb),0.008) 80%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 11.6% 14.0% at 34.2% 52.6%, rgba(var(--hero-ink-rgb),0.065) 0 42%,rgba(var(--hero-ink-rgb),0.036) 62%,rgba(var(--hero-ink-rgb),0.008) 80%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 12.7% 16.3% at 60.4% 37.8%, rgba(var(--hero-ink-rgb),0.063) 0 42%,rgba(var(--hero-ink-rgb),0.034) 62%,rgba(var(--hero-ink-rgb),0.008) 80%,rgba(var(--hero-ink-rgb),0) 96%);
  filter:url(#inkEdgeFine);
  will-change:transform,opacity;
  animation:ink-core 9s ease-in-out infinite}
@keyframes ink-core{0%,100%{opacity:.84}50%{opacity:1}}


:root[data-theme="light"] .orbit-drift::before{
  content:"";position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;pointer-events:none;
  background-image:
    radial-gradient(ellipse 20.0% 14.7% at 56.3% 50.5%, rgba(var(--hero-ink-rgb),0.149) 0 34%,rgba(var(--hero-ink-rgb),0.062) 60%,rgba(var(--hero-ink-rgb),0.012) 82%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 19.2% 20.3% at 43.8% 57.3%, rgba(var(--hero-ink-rgb),0.110) 0 34%,rgba(var(--hero-ink-rgb),0.046) 60%,rgba(var(--hero-ink-rgb),0.009) 82%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 16.8% 16.8% at 51.7% 36.8%, rgba(var(--hero-ink-rgb),0.115) 0 34%,rgba(var(--hero-ink-rgb),0.048) 60%,rgba(var(--hero-ink-rgb),0.009) 82%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 13.0% 17.0% at 59.5% 60.0%, rgba(var(--hero-ink-rgb),0.099) 0 34%,rgba(var(--hero-ink-rgb),0.042) 60%,rgba(var(--hero-ink-rgb),0.008) 82%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 13.3% 13.0% at 34.9% 49.0%, rgba(var(--hero-ink-rgb),0.101) 0 34%,rgba(var(--hero-ink-rgb),0.042) 60%,rgba(var(--hero-ink-rgb),0.008) 82%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 12.2% 11.0% at 61.5% 40.2%, rgba(var(--hero-ink-rgb),0.075) 0 34%,rgba(var(--hero-ink-rgb),0.031) 60%,rgba(var(--hero-ink-rgb),0.006) 82%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 12.6% 10.6% at 47.4% 64.7%, rgba(var(--hero-ink-rgb),0.100) 0 34%,rgba(var(--hero-ink-rgb),0.042) 60%,rgba(var(--hero-ink-rgb),0.008) 82%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 11.5% 11.0% at 37.2% 36.2%, rgba(var(--hero-ink-rgb),0.056) 0 34%,rgba(var(--hero-ink-rgb),0.024) 60%,rgba(var(--hero-ink-rgb),0.004) 82%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 13.4% 9.7% at 68.8% 53.7%, rgba(var(--hero-ink-rgb),0.062) 0 34%,rgba(var(--hero-ink-rgb),0.026) 60%,rgba(var(--hero-ink-rgb),0.005) 82%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 12.5% 15.2% at 31.0% 56.9%, rgba(var(--hero-ink-rgb),0.044) 0 34%,rgba(var(--hero-ink-rgb),0.018) 60%,rgba(var(--hero-ink-rgb),0.004) 82%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 10.3% 13.0% at 59.8% 30.3%, rgba(var(--hero-ink-rgb),0.030) 0 34%,rgba(var(--hero-ink-rgb),0.013) 60%,rgba(var(--hero-ink-rgb),0.002) 82%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 12.0% 15.2% at 59.6% 69.8%, rgba(var(--hero-ink-rgb),0.031) 0 34%,rgba(var(--hero-ink-rgb),0.013) 60%,rgba(var(--hero-ink-rgb),0.002) 82%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 10.8% 9.6% at 32.9% 40.6%, rgba(var(--hero-ink-rgb),0.051) 0 34%,rgba(var(--hero-ink-rgb),0.021) 60%,rgba(var(--hero-ink-rgb),0.004) 82%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 12.7% 15.8% at 69.5% 39.8%, rgba(var(--hero-ink-rgb),0.038) 0 34%,rgba(var(--hero-ink-rgb),0.016) 60%,rgba(var(--hero-ink-rgb),0.003) 82%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 9.5% 12.1% at 35.4% 66.4%, rgba(var(--hero-ink-rgb),0.033) 0 34%,rgba(var(--hero-ink-rgb),0.014) 60%,rgba(var(--hero-ink-rgb),0.003) 82%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 11.6% 13.2% at 48.8% 28.0%, rgba(var(--hero-ink-rgb),0.028) 0 34%,rgba(var(--hero-ink-rgb),0.012) 60%,rgba(var(--hero-ink-rgb),0.002) 82%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 7.0% 8.8% at 65.2% 47.1%, rgba(var(--hero-ink-rgb),0.090) 0 26%,rgba(var(--hero-ink-rgb),0.031) 58%,rgba(var(--hero-ink-rgb),0) 92%),
    radial-gradient(ellipse 5.5% 7.4% at 70.0% 48.6%, rgba(var(--hero-ink-rgb),0.052) 0 26%,rgba(var(--hero-ink-rgb),0.018) 58%,rgba(var(--hero-ink-rgb),0) 92%),
    radial-gradient(ellipse 4.0% 7.0% at 73.2% 44.8%, rgba(var(--hero-ink-rgb),0.030) 0 26%,rgba(var(--hero-ink-rgb),0.010) 58%,rgba(var(--hero-ink-rgb),0) 92%),
    radial-gradient(ellipse 7.0% 11.4% at 64.6% 44.6%, rgba(var(--hero-ink-rgb),0.090) 0 26%,rgba(var(--hero-ink-rgb),0.031) 58%,rgba(var(--hero-ink-rgb),0) 92%),
    radial-gradient(ellipse 5.5% 8.4% at 68.0% 40.7%, rgba(var(--hero-ink-rgb),0.052) 0 26%,rgba(var(--hero-ink-rgb),0.018) 58%,rgba(var(--hero-ink-rgb),0) 92%),
    radial-gradient(ellipse 4.0% 4.9% at 69.5% 37.7%, rgba(var(--hero-ink-rgb),0.030) 0 26%,rgba(var(--hero-ink-rgb),0.010) 58%,rgba(var(--hero-ink-rgb),0) 92%),
    radial-gradient(ellipse 7.0% 11.8% at 48.8% 34.7%, rgba(var(--hero-ink-rgb),0.090) 0 26%,rgba(var(--hero-ink-rgb),0.031) 58%,rgba(var(--hero-ink-rgb),0) 92%),
    radial-gradient(ellipse 5.5% 8.6% at 49.4% 30.0%, rgba(var(--hero-ink-rgb),0.052) 0 26%,rgba(var(--hero-ink-rgb),0.018) 58%,rgba(var(--hero-ink-rgb),0) 92%),
    radial-gradient(ellipse 4.0% 6.9% at 44.7% 27.1%, rgba(var(--hero-ink-rgb),0.030) 0 26%,rgba(var(--hero-ink-rgb),0.010) 58%,rgba(var(--hero-ink-rgb),0) 92%),
    radial-gradient(ellipse 7.0% 8.1% at 36.5% 56.3%, rgba(var(--hero-ink-rgb),0.090) 0 26%,rgba(var(--hero-ink-rgb),0.031) 58%,rgba(var(--hero-ink-rgb),0) 92%),
    radial-gradient(ellipse 5.5% 8.0% at 33.0% 60.3%, rgba(var(--hero-ink-rgb),0.052) 0 26%,rgba(var(--hero-ink-rgb),0.018) 58%,rgba(var(--hero-ink-rgb),0) 92%),
    radial-gradient(ellipse 4.0% 5.3% at 31.5% 63.4%, rgba(var(--hero-ink-rgb),0.030) 0 26%,rgba(var(--hero-ink-rgb),0.010) 58%,rgba(var(--hero-ink-rgb),0) 92%),
    radial-gradient(ellipse 7.0% 12.4% at 34.6% 48.9%, rgba(var(--hero-ink-rgb),0.090) 0 26%,rgba(var(--hero-ink-rgb),0.031) 58%,rgba(var(--hero-ink-rgb),0) 92%),
    radial-gradient(ellipse 5.5% 6.1% at 32.2% 45.2%, rgba(var(--hero-ink-rgb),0.052) 0 26%,rgba(var(--hero-ink-rgb),0.018) 58%,rgba(var(--hero-ink-rgb),0) 92%),
    radial-gradient(ellipse 4.0% 4.7% at 26.5% 44.6%, rgba(var(--hero-ink-rgb),0.030) 0 26%,rgba(var(--hero-ink-rgb),0.010) 58%,rgba(var(--hero-ink-rgb),0) 92%),
    radial-gradient(ellipse 7.0% 8.4% at 47.4% 64.2%, rgba(var(--hero-ink-rgb),0.090) 0 26%,rgba(var(--hero-ink-rgb),0.031) 58%,rgba(var(--hero-ink-rgb),0) 92%),
    radial-gradient(ellipse 5.5% 8.0% at 50.7% 70.4%, rgba(var(--hero-ink-rgb),0.052) 0 26%,rgba(var(--hero-ink-rgb),0.018) 58%,rgba(var(--hero-ink-rgb),0) 92%),
    radial-gradient(ellipse 4.0% 4.5% at 45.3% 74.6%, rgba(var(--hero-ink-rgb),0.030) 0 26%,rgba(var(--hero-ink-rgb),0.010) 58%,rgba(var(--hero-ink-rgb),0) 92%);
  filter:url(#inkEdge);
  will-change:transform;
  animation:ink-breathe 17s ease-in-out infinite}


:root[data-theme="light"] .orbit-drift::after{
  content:"";position:absolute;left:50%;top:50%;width:168px;height:168px;margin:-84px 0 0 -84px;pointer-events:none;
  background-image:
    conic-gradient(from 12deg at 47% 53%,
      rgba(var(--hero-ink-rgb),0.144) 0deg,
      rgba(var(--hero-ink-rgb),0) 7deg,
      rgba(var(--hero-ink-rgb),0.083) 25deg,
      rgba(var(--hero-ink-rgb),0) 33deg,
      rgba(var(--hero-ink-rgb),0.083) 40deg,
      rgba(var(--hero-ink-rgb),0) 57deg,
      rgba(var(--hero-ink-rgb),0.159) 62deg,
      rgba(var(--hero-ink-rgb),0) 78deg,
      rgba(var(--hero-ink-rgb),0.094) 92deg,
      rgba(var(--hero-ink-rgb),0) 110deg,
      rgba(var(--hero-ink-rgb),0.156) 122deg,
      rgba(var(--hero-ink-rgb),0) 131deg,
      rgba(var(--hero-ink-rgb),0.086) 142deg,
      rgba(var(--hero-ink-rgb),0) 150deg,
      rgba(var(--hero-ink-rgb),0.117) 162deg,
      rgba(var(--hero-ink-rgb),0) 184deg,
      rgba(var(--hero-ink-rgb),0.133) 194deg,
      rgba(var(--hero-ink-rgb),0) 201deg,
      rgba(var(--hero-ink-rgb),0.072) 218deg,
      rgba(var(--hero-ink-rgb),0) 239deg,
      rgba(var(--hero-ink-rgb),0.115) 251deg,
      rgba(var(--hero-ink-rgb),0) 258deg,
      rgba(var(--hero-ink-rgb),0.099) 273deg,
      rgba(var(--hero-ink-rgb),0) 291deg,
      rgba(var(--hero-ink-rgb),0.157) 298deg,
      rgba(var(--hero-ink-rgb),0) 316deg,
      rgba(var(--hero-ink-rgb),0.140) 332deg,
      rgba(var(--hero-ink-rgb),0) 340deg,
      rgba(var(--hero-ink-rgb),0.149) 353deg,
      rgba(var(--hero-ink-rgb),0) 372deg,
      rgba(var(--hero-ink-rgb),0) 360deg),
    radial-gradient(ellipse 28.2% 29.9% at 59.5% 48.9%, rgba(var(--hero-ink-rgb),0.030) 0 34%,rgba(var(--hero-ink-rgb),0.013) 60%,rgba(var(--hero-ink-rgb),0.002) 82%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 25.0% 33.0% at 41.7% 58.5%, rgba(var(--hero-ink-rgb),0.023) 0 34%,rgba(var(--hero-ink-rgb),0.010) 60%,rgba(var(--hero-ink-rgb),0.002) 82%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 24.6% 27.6% at 53.6% 33.7%, rgba(var(--hero-ink-rgb),0.020) 0 34%,rgba(var(--hero-ink-rgb),0.008) 60%,rgba(var(--hero-ink-rgb),0.002) 82%,rgba(var(--hero-ink-rgb),0) 96%),
    radial-gradient(ellipse 24.4% 29.1% at 57.5% 65.3%, rgba(var(--hero-ink-rgb),0.020) 0 34%,rgba(var(--hero-ink-rgb),0.008) 60%,rgba(var(--hero-ink-rgb),0.002) 82%,rgba(var(--hero-ink-rgb),0) 96%);
  -webkit-mask:radial-gradient(closest-side circle at 47% 53%,rgba(0,0,0,.92) 0%,#000 22%,rgba(0,0,0,.42) 50%,rgba(0,0,0,.09) 74%,rgba(0,0,0,0) 96%);
  mask:radial-gradient(closest-side circle at 47% 53%,rgba(0,0,0,.92) 0%,#000 22%,rgba(0,0,0,.42) 50%,rgba(0,0,0,.09) 74%,rgba(0,0,0,0) 96%);
  filter:url(#inkEdge);
  will-change:transform;
  animation:ink-breathe 23s ease-in-out infinite reverse}



@keyframes ink-breathe{
  0%  {transform:scale(.90) rotate(-2deg)}
  35% {transform:scale(1.06,.98) rotate(2deg)}
  70% {transform:scale(.97,1.06) rotate(-3deg)}
  100%{transform:scale(.90) rotate(-2deg)}
}
@media (max-width:720px){
  :root[data-theme="light"] .orbit-drift{width:26px;height:26px}
  :root[data-theme="light"] .orbit-drift::before{width:78px;height:78px;margin:-39px 0 0 -39px}
  :root[data-theme="light"] .orbit-drift::after{width:72px;height:72px;margin:-36px 0 0 -36px}

  :root[data-theme="light"] .hero-stars2{display:none}
  :root[data-theme="light"] .hero-stars{
    background-image:
      radial-gradient(2.4px circle at 14% 19%,rgba(var(--hero-ink-rgb),.18) 0 40%,rgba(var(--hero-ink-rgb),0) 100%),
      radial-gradient(1.7px circle at 33% 48%,rgba(var(--hero-ink-rgb),.24) 0 44%,rgba(var(--hero-ink-rgb),0) 100%),
      radial-gradient(2.8px circle at 52% 13%,rgba(var(--hero-ink-rgb),.12) 0 36%,rgba(var(--hero-ink-rgb),0) 100%),
      radial-gradient(2px circle at 71% 35%,rgba(var(--hero-ink-rgb),.16) 0 42%,rgba(var(--hero-ink-rgb),0) 100%),
      radial-gradient(2.5px circle at 88% 62%,rgba(var(--hero-ink-rgb),.11) 0 38%,rgba(var(--hero-ink-rgb),0) 100%),
      radial-gradient(1.8px circle at 24% 78%,rgba(var(--hero-ink-rgb),.17) 0 44%,rgba(var(--hero-ink-rgb),0) 100%);
  }
}


:root[data-theme="light"] .hero-main::before{
  content:"";position:absolute;z-index:-1;left:0;top:-18%;width:100%;height:140%;pointer-events:none;
  background-image:
    radial-gradient(ellipse 44% 38% at 38% 42%, rgba(var(--hero-ink-rgb),.10) 0%, rgba(var(--hero-ink-rgb),.04) 46%, rgba(var(--hero-ink-rgb),0) 78%),
    radial-gradient(ellipse 32% 30% at 64% 70%, rgba(var(--hero-ink-rgb),.06) 0%, rgba(var(--hero-ink-rgb),0) 80%);
}

:root[data-theme="light"] .hero-title{
  background-image:linear-gradient(180deg,#7b8a9e 0%,#5f8cbb 46%,#4c93d2 100%);
}


@keyframes title-glow-ink{0%,100%{filter:drop-shadow(0 3px 10px rgba(var(--hero-ink-rgb),.10))}50%{filter:drop-shadow(0 5px 20px rgba(var(--hero-ink-rgb),.20))}}
:root[data-theme="light"] .hero-title{animation:rise-in 1.1s .1s var(--ease-rise) both;filter:drop-shadow(0 4px 14px rgba(var(--hero-ink-rgb),.14))}




@font-face{
  font-family:"LXGW WenKai Sub";
  src:url("kai-title.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:optional;
  unicode-range:U+00B7,U+2014,U+3001,U+3002,U+4E3B,U+4E4B,U+505A,U+5149,U+5177,U+5DE5,U+5F8B,U+6CBB,U+6CD5,U+6D4E,U+7AD9,U+7ECF,U+82CF,U+9165,U+FF0C;
}


:root[data-theme="light"] .hero-title{

  font-family:"LXGW WenKai Sub","KaiTi","STKaiti","DFKai-SB","Kaiti SC","楷体","TW-Kai","Songti SC","SimSun",serif;
  font-weight:400;
  letter-spacing:.13em;

  -webkit-text-stroke:1.6px #5d87b6;
  text-shadow:0 1px 3px rgba(var(--hero-ink-rgb),.18), 0 0 11px rgba(var(--hero-ink-rgb),.10);
}
:root[data-theme="light"] .hero-tagline{
  font-family:"LXGW WenKai Sub","KaiTi","STKaiti","DFKai-SB","Kaiti SC","楷体","TW-Kai","Songti SC","SimSun",serif;
  font-weight:400;
  letter-spacing:.30em;
  -webkit-text-stroke:.7px #4a80b4;
}


:root[data-theme="dark"] .hero-title{
  filter:drop-shadow(0 0 6px rgba(150,190,240,.34)) drop-shadow(0 0 24px rgba(120,160,220,.20));
  font-family:"HarmonyOS Sans SC","HarmonyOS Sans","PingFang SC","Microsoft YaHei",sans-serif;
  font-weight:700;
  letter-spacing:.135em;
}


.hero-seal{display:none}
:root[data-theme="light"] .hero-seal{
  display:flex;flex-direction:column;align-items:center;
  position:absolute;left:clamp(16px,2.4vw,44px);top:15%;z-index:1;pointer-events:none;
}
:root[data-theme="light"] .seal-text{
  writing-mode:vertical-rl;text-orientation:upright;

  font-family:"LXGW WenKai Sub","KaiTi","STKaiti","Kaiti SC","楷体","Songti SC","SimSun",serif;
  font-size:15.5px;letter-spacing:.56em;line-height:1;font-weight:400;
  color:rgba(var(--hero-ink-rgb),.44);
  text-shadow:0 0 .7px rgba(var(--hero-ink-rgb),.20);
}

:root[data-theme="light"] .hero-seal::after{
  content:"";position:absolute;right:-10px;top:1px;width:1px;height:calc(100% - 34px);
  background:linear-gradient(180deg,rgba(var(--hero-ink-rgb),0),rgba(var(--hero-ink-rgb),.18) 16%,rgba(var(--hero-ink-rgb),.18) 84%,rgba(var(--hero-ink-rgb),0));
}


:root[data-theme="light"] .seal-mark{
  display:block;box-sizing:border-box;width:34px;height:34px;padding:3.5px;
  margin-top:17px;border-radius:2.5px;background-color:#a8382b;opacity:.9;

  box-shadow:0 0 0 .6px rgba(150,46,34,.45), inset 0 0 0 1px rgba(120,32,22,.32), 0 1px 1.5px rgba(43,43,43,.10);
}
:root[data-theme="light"] .seal-mark i{
  display:block;width:100%;height:100%;
  box-shadow:inset 0 0 0 1px rgba(246,241,232,.88);
}
:root[data-theme="light"] .seal-mark svg{display:block;width:100%;height:100%}

@media (max-width:720px){
  :root[data-theme="light"] .hero-seal{display:flex;left:clamp(12px,3.5vw,26px);top:11%;transform:scale(.86);transform-origin:top left}

  :root[data-theme="light"] .hero-main{padding-left:54px}
}


.hero-lead-seal{display:none}
:root[data-theme="light"] .hero-lead-seal{
  display:block;position:absolute;right:clamp(18px,3vw,58px);top:12.5%;z-index:1;pointer-events:none;
  width:17px;height:39px;opacity:.6;
}
:root[data-theme="light"] .hero-lead-seal svg{display:block;width:100%;height:100%}
@media (max-width:720px){
  :root[data-theme="light"] .hero-lead-seal{display:block;right:clamp(12px,3.5vw,26px);top:10%;width:14px;height:32px}
}


:root[data-theme="light"] .hero-main::after{
  content:"";position:absolute;right:-20px;top:9%;width:1px;height:82%;
  background:linear-gradient(180deg,rgba(var(--hero-ink-rgb),0),rgba(var(--hero-ink-rgb),.13) 18%,rgba(var(--hero-ink-rgb),.13) 82%,rgba(var(--hero-ink-rgb),0));
}
@media (max-width:900px){:root[data-theme="light"] .hero-main::after{display:none}}


:root[data-theme="light"] body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:url("ink-paper.svg?v=1");
  background-size:220px 220px;
  background-repeat:repeat;
  opacity:.34;
}


:root[data-theme="light"] header{

  background:linear-gradient(180deg,#f7f4ee 0%,#f1ece1 52%,#ece6d9 100%);
  border-bottom-color:rgba(var(--hero-ink-rgb),.07);
  box-shadow:0 8px 20px -16px rgba(43,43,43,.35);
}


:root[data-theme="light"] .hero{
  background-image:
    radial-gradient(ellipse 44% 36% at 16% 10%,rgba(126,106,72,.055),rgba(126,106,72,0) 68%),
    radial-gradient(ellipse 38% 32% at 86% 22%,rgba(126,106,72,.042),rgba(126,106,72,0) 70%),
    radial-gradient(ellipse 50% 40% at 58% 92%,rgba(140,122,88,.036),rgba(140,122,88,0) 72%),
    repeating-linear-gradient(90deg,rgba(120,100,68,.030) 0 1px,rgba(120,100,68,0) 1px 7px),
    repeating-linear-gradient(0deg,rgba(120,100,68,.020) 0 1px,rgba(120,100,68,0) 1px 4px),
    repeating-linear-gradient(90deg,rgba(120,100,68,.014) 0 1px,rgba(120,100,68,0) 1px 11px),

    radial-gradient(var(--dots) 1px,transparent 1px),

    linear-gradient(180deg,#efe9dc 0%,#f2eee5 34%,#f0ece4 60%,#edeae2 82%,var(--bg) 100%);

  background-size:auto,auto,auto,auto,auto,auto,26px 26px,auto;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat,no-repeat;
}


:root[data-theme="light"] .hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:url("ink-paper.svg?v=1");
  background-size:220px 220px;
  background-repeat:repeat;
  opacity:.52;



  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 40%,rgba(0,0,0,.55) 62%,rgba(0,0,0,.18) 78%,rgba(0,0,0,0) 88%);
  mask-image:linear-gradient(180deg,#000 0%,#000 40%,rgba(0,0,0,.55) 62%,rgba(0,0,0,.18) 78%,rgba(0,0,0,0) 88%);
}

.hero-inkdefs{position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;pointer-events:none}


:root[data-theme="light"] .hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:min(250px,38%);
  pointer-events:none;z-index:0;
  background-image:

    radial-gradient(ellipse 16% 172% at 10% 118%,rgba(var(--hero-ink-rgb),.09),rgba(var(--hero-ink-rgb),0) 70%),
    radial-gradient(ellipse 11% 132% at 27% 124%,rgba(var(--hero-ink-rgb),.06),rgba(var(--hero-ink-rgb),0) 68%),
    radial-gradient(ellipse 19% 190% at 45% 116%,rgba(var(--hero-ink-rgb),.10),rgba(var(--hero-ink-rgb),0) 72%),
    radial-gradient(ellipse 12% 146% at 66% 122%,rgba(var(--hero-ink-rgb),.07),rgba(var(--hero-ink-rgb),0) 69%),
    radial-gradient(ellipse 15% 164% at 86% 119%,rgba(var(--hero-ink-rgb),.08),rgba(var(--hero-ink-rgb),0) 70%),

    radial-gradient(ellipse 44% 1.7px at 24% 63%,rgba(var(--hero-ink-rgb),.075),rgba(var(--hero-ink-rgb),0) 74%),
    radial-gradient(ellipse 34% 1.4px at 70% 71%,rgba(var(--hero-ink-rgb),.06),rgba(var(--hero-ink-rgb),0) 76%),
    radial-gradient(ellipse 50% 1.9px at 42% 80%,rgba(var(--hero-ink-rgb),.055),rgba(var(--hero-ink-rgb),0) 78%),
    radial-gradient(ellipse 27% 1.3px at 84% 88%,rgba(var(--hero-ink-rgb),.045),rgba(var(--hero-ink-rgb),0) 76%);



  -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.30) 15%,#000 44%,rgba(0,0,0,.45) 68%,rgba(0,0,0,0) 86%);
  mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.30) 15%,#000 44%,rgba(0,0,0,.45) 68%,rgba(0,0,0,0) 86%);
}


:root[data-theme="light"] .hero-rings::before{
  border:0;

  background:conic-gradient(from -24deg,
    rgba(var(--hero-ink-rgb),.05) 0deg,
    rgba(var(--hero-ink-rgb),.34) 12deg,
    rgba(var(--hero-ink-rgb),.31) 78deg,
    rgba(var(--hero-ink-rgb),0) 88deg,
    rgba(var(--hero-ink-rgb),0) 132deg,
    rgba(var(--hero-ink-rgb),.28) 144deg,
    rgba(var(--hero-ink-rgb),.30) 210deg,
    rgba(var(--hero-ink-rgb),0) 220deg,
    rgba(var(--hero-ink-rgb),0) 264deg,
    rgba(var(--hero-ink-rgb),.32) 276deg,
    rgba(var(--hero-ink-rgb),.29) 342deg,
    rgba(var(--hero-ink-rgb),.02) 352deg);

  -webkit-mask:radial-gradient(closest-side,transparent 96.4%,#000 98.2%);
  mask:radial-gradient(closest-side,transparent 96.4%,#000 98.2%);
}

:root[data-theme="light"] .hero-rings::after{border-color:rgba(var(--hero-ink-rgb),.085)}



:root[data-theme="light"] .hero-constellation{display:none}

:root[data-theme="light"] .hero-scale-echo{filter:url(#inkBrush) blur(3.2px)}


:root[data-theme="light"] .orbit-dot{background:none;box-shadow:none;opacity:1;animation:none}
:root[data-theme="light"] .orbit-dot::after{
  content:"";position:absolute;left:50%;top:50%;width:17px;height:17px;margin:-8.5px 0 0 -8.5px;pointer-events:none;
  background-image:

    radial-gradient(closest-side circle at 47% 54%,
      rgba(var(--hero-ink-rgb),.46) 0%,
      rgba(var(--hero-ink-rgb),.28) 30%,
      rgba(var(--hero-ink-rgb),.44) 57%,
      rgba(var(--hero-ink-rgb),.10) 78%,
      rgba(var(--hero-ink-rgb),0) 100%),
    radial-gradient(closest-side circle at 58% 43%,rgba(var(--hero-ink-rgb),.22) 0%,rgba(var(--hero-ink-rgb),0) 72%),
    radial-gradient(closest-side circle at 39% 62%,rgba(var(--hero-ink-rgb),.17) 0%,rgba(var(--hero-ink-rgb),0) 64%);
  filter:url(#inkEdgeFine);

  opacity:.16;transition:opacity .6s ease;
}
:root[data-theme="light"] .orbit-dot.lit::after{opacity:1;animation:ink-spread 1.9s cubic-bezier(.18,.72,.28,1) both}



@keyframes ink-spread{
  from{transform:scale(1.20);opacity:.55}
  46% {transform:scale(1.44);opacity:.62}
  to  {transform:scale(1.58);opacity:.5}
}


:root[data-theme="light"] .orbit-dot.ink-approach::after{animation:ink-travel 12.3s cubic-bezier(.52,.03,.18,1) both}
@keyframes ink-travel{
  0%  {transform:scale(.34);opacity:.14}
  8%  {transform:scale(.30);opacity:.24}
  34% {transform:scale(.62);opacity:.44}
  62% {transform:scale(.92);opacity:.62}
  88% {transform:scale(1.08);opacity:.58}
  100%{transform:scale(1.20);opacity:.55}
}



:root[data-theme="light"] .hero-scale{
  filter:url(#inkBrush) drop-shadow(0 8px 18px rgba(var(--hero-ink-rgb),.16));
}
:root[data-theme="light"] .hero-scale.scale-lit{
  filter:url(#inkBrush) drop-shadow(0 0 10px rgba(var(--hero-ink-rgb),.30)) drop-shadow(0 6px 26px rgba(var(--hero-ink-rgb),.16));
}
:root[data-theme="light"] .hero-scale-echo{opacity:.12}


:root[data-theme="light"] .firefly{display:none}



:root[data-theme="light"] .orbit-drift{display:none}

:root[data-theme="light"] .hero-haze{filter:none}

.ink-drop{display:none}
:root[data-theme="light"] .ink-drop{display:block;position:absolute;width:0;height:0;pointer-events:none;z-index:1}
:root[data-theme="light"] .ink-drop::before,
:root[data-theme="light"] .ink-drop::after{
  content:"";position:absolute;left:0;top:0;border-radius:50%;pointer-events:none;
  will-change:transform,opacity;
}

:root[data-theme="light"] .ink-drop::before{


  --ink-sz:190px;
  width:var(--ink-sz);height:var(--ink-sz);margin:calc(var(--ink-sz) / -2) 0 0 calc(var(--ink-sz) / -2);
  background-image:
    radial-gradient(closest-side circle at 47% 53%,rgba(var(--hero-ink-rgb),.72) 0 20%,rgba(var(--hero-ink-rgb),.42) 40%,rgba(var(--hero-ink-rgb),.14) 64%,rgba(var(--hero-ink-rgb),0) 92%),
    radial-gradient(closest-side circle at 61% 41%,rgba(var(--hero-ink-rgb),.38) 0 16%,rgba(var(--hero-ink-rgb),0) 66%),
    radial-gradient(closest-side circle at 37% 63%,rgba(var(--hero-ink-rgb),.30) 0 14%,rgba(var(--hero-ink-rgb),0) 62%),
    radial-gradient(closest-side circle at 56% 70%,rgba(var(--hero-ink-rgb),.16) 0 12%,rgba(var(--hero-ink-rgb),0) 56%);
  animation:ink-fall 14s linear both;
}

:root[data-theme="light"] .ink-drop::after{

  --ink-sz:230px;
  width:var(--ink-sz);height:var(--ink-sz);margin:calc(var(--ink-sz) / -2) 0 0 calc(var(--ink-sz) / -2);
  background-image:
    radial-gradient(closest-side circle at 50% 50%,rgba(var(--hero-ink-rgb),.05) 0 36%,rgba(var(--hero-ink-rgb),.075) 64%,rgba(var(--hero-ink-rgb),0) 92%),
    radial-gradient(closest-side circle at 44% 58%,rgba(var(--hero-ink-rgb),.045) 0 24%,rgba(var(--hero-ink-rgb),0) 76%);
  animation:ink-fall-halo 17s linear both;
}



@keyframes ink-fall{
  0%  {transform:translateY(-46px) scale(.04,.05);opacity:0}
  2%  {transform:translateY(-26px) scale(.05,.06);opacity:.75}
  5%  {transform:translateY(0) scale(.08,.08);opacity:1}
  8%  {transform:translateY(0) scale(.11,.08);opacity:1}
  26% {transform:translateY(0) scale(.30,.28);opacity:.88}
  55% {transform:translateY(0) scale(.58,.54);opacity:.52}
  80% {transform:translateY(0) scale(.90,.86);opacity:.22}
  100%{transform:translateY(0) scale(1.15,1.08);opacity:0}
}

@media (max-width:720px){
  :root[data-theme="light"] .ink-drop::before{--ink-sz:62px}
  :root[data-theme="light"] .ink-drop::after{--ink-sz:74px}
}
@keyframes ink-fall-halo{
  0%,5% {transform:scale(.06,.07);opacity:0}
  16%   {transform:scale(.24,.22);opacity:.40}
  58%   {transform:scale(.62,.58);opacity:.20}
  100%  {transform:scale(1.18,1.12);opacity:0}
}


.theme-wash{position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:0;will-change:opacity}


html.theme-fade body,
html.theme-fade header,
html.theme-fade footer,
html.theme-fade section,
html.theme-fade .card,
html.theme-fade .btn,
html.theme-fade a,
html.theme-fade h1,
html.theme-fade h2,
html.theme-fade h3,
html.theme-fade p,
html.theme-fade li,
html.theme-fade .hero,
html.theme-fade .hero-main,
html.theme-fade .hero-sub,
html.theme-fade .hero-tagline{
  transition:background-color .42s ease,background-image .42s ease,color .42s ease,border-color .42s ease,box-shadow .42s ease;
}


@media (prefers-reduced-motion: reduce){

  .hero-stars,.hero-stars2,.hero-star,.orbit-dot,.orbit-drift,.firefly{animation:none !important}
}


:root{color-scheme:only light}
:root[data-theme="dark"]{color-scheme:only dark}


.pp{max-width:780px}
.pp h3{font-size:16px;font-weight:600;color:var(--heading);margin:30px 0 8px}
.pp p,.pp li{line-height:1.9}
.pp ul{padding-left:1.25em;margin:8px 0}
.pp li{margin:5px 0}
.pp table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13.5px}
.pp th,.pp td{border:1px solid var(--line);padding:9px 11px;text-align:left;vertical-align:top;line-height:1.7}
.pp th{background:var(--card);font-weight:600;color:var(--heading);white-space:nowrap}
.pp code{font-family:ui-monospace,Consolas,monospace;font-size:12.5px;background:var(--card);border:1px solid var(--line);border-radius:4px;padding:1px 5px}
.pp .pp-meta{color:var(--muted);font-size:13px;margin-top:2px}
.pp .pp-lead{font-size:15.5px;line-height:1.95}
.pp table th{white-space:normal;width:88px;vertical-align:top;background:var(--blue-soft);color:var(--blue)}
.pp .pp-note{color:var(--muted);font-size:12.5px}

.pp p{margin-bottom:12px}
.pp p:last-child{margin-bottom:0}


@media (max-width:720px){

  .notice-close{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;margin:-9px -6px -9px 0}
  .footer-links{gap:4px 14px}
  footer a{display:inline-block;padding:8px 3px;line-height:20px}
  .card-actions a,.card-links a,.card-go,.card-src{display:inline-block;padding:8px 3px;line-height:22px}

  .hero,.sky{min-height:auto;min-height:unset}



  .egg{font-size:9px;letter-spacing:.5px}
  .card-tag,.card-domain,.tl-pwd{font-size:12px}
  .book-tag,.tl-label{font-size:11.5px}
  .pp table{font-size:12.5px}
  .pp th,.pp td{padding:7px 8px}
  .pp th{white-space:normal}
}


.res-sub{
  font-size:13.5px;font-weight:600;color:var(--muted);
  margin:22px 0 10px;padding-left:10px;
  border-left:3px solid var(--blue-soft);letter-spacing:.02em;
}
.cards + .res-sub{margin-top:26px}
@media (max-width:720px){.res-sub{font-size:13px;margin:18px 0 8px}}



@media (prefers-reduced-motion: no-preference) {


  .tl-arrow { transition: transform .2s cubic-bezier(.2,.8,.3,1), opacity .2s ease; opacity: .55; }
  .tl-item:hover .tl-arrow { transform: translateX(4px); opacity: 1; }
  .tl-item:active .tl-arrow { transform: translateX(7px); opacity: 1; }

  .tl-item { transition: background .15s ease, transform .18s cubic-bezier(.2,.8,.3,1); }
  .tl-item:hover { transform: translateX(2px); }


  .btn { transition: transform .14s cubic-bezier(.2,.8,.3,1), background .18s ease, color .18s ease, border-color .18s ease; }
  .btn:hover { transform: translateY(-2px); }
  .btn:active { transform: translateY(0) scale(.975); }
  .icon-btn:active { transform: scale(.9); }


  .post-card { transition: transform .22s cubic-bezier(.2,.8,.3,1), border-color .22s ease; }
  .post-card:hover { transform: translateY(-3px); }
  .post-card h3, .book-card h3 { transition: color .2s ease; }
  .post-card:hover h3, .book-card:hover h3 { color: var(--blue); }




  .hero-seal { transition: transform .2s cubic-bezier(.34,1.56,.64,1); transform-origin: 50% 60%; }
  .hero-seal:hover { transform: scale(1.06) rotate(-3deg); }
  .hero-seal:active { transform: scale(.94) rotate(-1deg); }


  .to-top { transition: opacity .2s ease, transform .2s cubic-bezier(.2,.8,.3,1); }
  .to-top.show:hover { transform: translateY(-3px); opacity: 1; }
  .to-top.show:active { transform: translateY(-1px) scale(.94); }


  :focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; border-radius: 4px;
                   animation: focus-in .18s cubic-bezier(.2,.8,.3,1) both; }
  @keyframes focus-in { from { outline-offset: 6px; } to { outline-offset: 2px; } }


  :target { animation: target-flash .8s ease both; }
  @keyframes target-flash {
    0%   { box-shadow: inset 0 0 0 3px var(--blue-soft); }
    100% { box-shadow: inset 0 0 0 3px transparent; }
  }



.cards > .card {  }

  @keyframes card-in { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
}


@keyframes title-breath {
  from { transform: translateY(0);    opacity: 1;    }
  to   { transform: translateY(-3px); opacity: .94;  }
}




header, footer, nav, .brand, .nav-links, .nav-menu, .footer-links,
button, .btn, .icon-btn, .to-top,
.sky, .sky-stars, .sky-stars2, .sky-haze, .sky-drift, .sky-scene, .sky-constellation,
.meteor, .m-line, .m-dot,
.hero-art, .hero-seal, .hero-lead-seal, .hero-rings, .orbit, .orbit-dot, .firefly,
.card-domain, .card-tag, .book-tag, .sec-en, .tl-item, .tl-arrow,
.sk, .skip-link {
  -webkit-user-select: none;
  user-select: none;
}


main p, main li, main h1, main h2, main h3, main h4, article, .container > p,
.post-card p, .book-card p, .card p {
  -webkit-user-select: text;
  user-select: text;
}


input, textarea, select, .search-inp { box-sizing: border-box; }

.search-ico, .field > svg, .field > .ico,
.search-row > .ico {
  pointer-events: none;
}

input::before, input::after, textarea::before, textarea::after { pointer-events: none; content: none; }










.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;border:0}

.h4v{font-size:14.5px;color:var(--heading);margin-bottom:8px}
.card h3.h4v{font-size:15px;margin-bottom:6px}



.pp h2{border-left:none;padding-left:0;font-size:16px;font-weight:600;color:var(--heading);margin:30px 0 8px}
h2.res-cat{border-left:none;padding-left:0;margin:24px 0 2px;font-size:17px;color:var(--heading)}


@media (max-width:640px){

  .cards{grid-template-columns:1fr;gap:10px;margin-top:12px}

  .cards > .card{min-width:0}
  .card{padding:12px 14px;border-radius:9px}
  .card h3,.card h4,.card p,.card-domain,.card-links{overflow-wrap:anywhere;word-break:break-word}
  .card h3{font-size:14.5px;line-height:1.45;margin-bottom:6px}
  .card h4{font-size:13.5px;margin-bottom:5px}
  .card p{font-size:12px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
  .card-tag{font-size:10.5px;padding:1px 6px;margin-bottom:7px}
  .card-domain{margin-top:6px;font-size:10.5px}
  .card-go{margin-top:7px;font-size:11.5px}
  .card-links{margin-top:6px;font-size:12px}

  .cards{align-items:start}



  #res-tools + .cards{grid-template-columns:1fr}
  .tl-item{padding:5px 7px;gap:7px;font-size:12.5px}
  .tl-label{font-size:10.5px;padding:1px 6px}
  .tl-text{font-size:12.5px}
  .tl-pwd{font-size:11px}
  .card-actions{gap:2px 12px;margin-top:8px}
  .card-actions a{padding:5px 3px;line-height:19px}
  .card-actions .card-go,.card-actions .card-src,.card-src{font-size:12px}
  .card:hover{transform:none}
}
@media (max-width:360px){

  .tl-item{flex-wrap:wrap}
  .tl-pwd{margin-left:0}
  .card{padding:11px 10px}
  .card h3{font-size:13.5px}
  .card p{-webkit-line-clamp:3}
}




:root{
  --ink-line:rgba(43,69,104,.16);
  --ink-line-soft:rgba(43,69,104,.08);
  --paper-a:#fbfaf5;--paper-b:#f5f2ea;
  --paper-edge:rgba(43,69,104,.10);
  --paper-edge-hover:rgba(50,104,159,.34);
  --sheen:rgba(255,255,255,.62);
}
:root[data-theme="dark"]{
  --ink-line:rgba(127,176,232,.22);
  --ink-line-soft:rgba(127,176,232,.13);
  --paper-a:#161f33;--paper-b:#121a2c;
  --paper-edge:rgba(127,176,232,.16);
  --paper-edge-hover:rgba(127,176,232,.42);
  --sheen:rgba(186,216,255,.22);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme]){
    --ink-line:rgba(127,176,232,.22);--ink-line-soft:rgba(127,176,232,.13);
    --paper-a:#161f33;--paper-b:#121a2c;--paper-edge:rgba(127,176,232,.16);
    --paper-edge-hover:rgba(127,176,232,.42);--sheen:rgba(186,216,255,.22);
  }
}


.card,.book-card,.post-cta,.post-note,.toc-box,.rss-panel{
  background-image:linear-gradient(180deg,var(--paper-a),var(--paper-b));
  border-color:var(--paper-edge);
}
.card{position:relative;overflow:hidden}
.card::before{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--ink-line),transparent)}
.card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  transition:opacity .3s ease;

  background:
    radial-gradient(190px 140px at 100% 0%,rgba(43,108,176,.20) 0%,rgba(43,108,176,.10) 38%,rgba(43,108,176,.03) 62%,transparent 76%),
    radial-gradient(120px 92px at 88% 6%,rgba(30,60,96,.10) 0%,transparent 70%),
    radial-gradient(110px 84px at 0% 100%,rgba(200,146,63,.10) 0%,rgba(200,146,63,.04) 45%,transparent 72%)}
.card:hover::after{opacity:1}
:root[data-theme="dark"] .card::after{
  background:
    radial-gradient(150px 104px at 100% 0%,rgba(186,216,255,.10),transparent 72%),
    radial-gradient(2px 2px at 24% 20%,rgba(255,255,255,.55),transparent 60%),
    radial-gradient(1.6px 1.6px at 70% 34%,rgba(255,255,255,.40),transparent 60%),
    radial-gradient(1.4px 1.4px at 86% 64%,rgba(255,255,255,.32),transparent 60%)}
@media (prefers-color-scheme: dark){
  :root:not([data-theme]) .card::after{
    background:
      radial-gradient(150px 104px at 100% 0%,rgba(186,216,255,.10),transparent 72%),
      radial-gradient(2px 2px at 24% 20%,rgba(255,255,255,.55),transparent 60%),
      radial-gradient(1.6px 1.6px at 70% 34%,rgba(255,255,255,.40),transparent 60%),
      radial-gradient(1.4px 1.4px at 86% 64%,rgba(255,255,255,.32),transparent 60%)}
}
.card:hover{border-color:var(--paper-edge-hover);box-shadow:0 10px 26px -14px rgba(31,62,102,.30)}

.card-post + .card-post{border-top-color:var(--ink-line-soft)}


.skeleton-card{position:relative;overflow:hidden;border:1px solid var(--paper-edge);border-radius:10px;
  padding:14px;background-image:linear-gradient(180deg,var(--paper-a),var(--paper-b))}
.skeleton-line{height:11px;border-radius:6px;background:var(--ink-line-soft);margin:9px 0}
.skeleton-line.w40{width:40%}.skeleton-line.w75{width:75%}.skeleton-line.w92{width:92%}
.skeleton-line.tall{height:17px;width:64%}
.skeleton-card::after{content:"";position:absolute;left:-62%;top:0;bottom:0;width:62%;pointer-events:none;
  background:linear-gradient(100deg,transparent,var(--sheen),transparent);
  animation:skeleton-sweep 1.7s linear infinite;will-change:transform}
@keyframes skeleton-sweep{to{transform:translateX(270%)}}
@media (prefers-reduced-motion: reduce){ .skeleton-card::after{animation:none} }



.read-progress{position:fixed;left:0;right:0;top:var(--nav-h,56px);height:4px;z-index:45;pointer-events:none;
  background:linear-gradient(90deg,#2f6ba4 0%,#5790c6 24%,#9dc0dd 50%,#d8b866 76%,#c8923f 100%);
  clip-path:inset(0 calc(100% - var(--p,0) * 100%) 0 0);
  -webkit-clip-path:inset(0 calc(100% - var(--p,0) * 100%) 0 0)}
:root[data-theme="dark"] .read-progress{background:linear-gradient(90deg,#6fa6e0 0%,#9cc4ee 26%,#cfe0f6 52%,#e6cd8c 78%,#d9a441 100%)}
:root[data-theme="dark"] .read-progress{background:linear-gradient(90deg,#8fc0ff,#cfe3ff 60%,#d9a441)}
.toc-box{margin:16px 0 4px;padding:11px 16px;border:1px solid var(--paper-edge);border-radius:10px}
.toc-box summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--heading);list-style:none;
  display:flex;align-items:center;gap:8px}
.toc-box summary::-webkit-details-marker{display:none}
.toc-box summary::after{content:"▾";font-size:11px;color:var(--muted);transition:transform .2s ease}
.toc-box[open] summary::after{transform:rotate(180deg)}
.toc-title{letter-spacing:.22em}
.toc-list{margin:10px 0 2px;padding:0;list-style:none;font-size:13.5px}
.toc-list li{margin:5px 0}
.toc-list a{display:block;color:var(--muted);padding:2px 0 2px 11px;
  border-left:2px solid transparent;transition:color .2s,border-color .2s}
.toc-list a:hover{color:var(--blue)}
.toc-list a.toc-h3{padding-left:26px;font-size:12.5px}
.toc-list a.toc-active{color:var(--blue);border-left-color:var(--blue)}
@media (max-width:640px){ .toc-box{padding:10px 13px} .toc-list{font-size:13px} }


@keyframes logo-jelly{
  0%{transform:scale(1,1)}30%{transform:scale(1.13,.88)}
  55%{transform:scale(.93,1.09)}78%{transform:scale(1.05,.97)}100%{transform:scale(1,1)}}
.brand:hover,.brand:focus-visible{animation:logo-jelly 1.1s cubic-bezier(.34,1.4,.5,1);transform-origin:22% 50%}
@media (prefers-reduced-motion: reduce){ .brand:hover,.brand:focus-visible{animation:none} }


img.book-cover{opacity:0;transform:translateY(10px) scale(.97);
  transition:opacity .7s var(--ease-rise),transform .7s var(--ease-rise)}
img.book-cover.img-in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){ img.book-cover{opacity:1;transform:none;transition:none} }




.nav-links > .nav-item > a{position:relative;display:inline-flex;align-items:center;
  transition:transform .28s ease,color .28s ease}
.nav-links > .nav-item > a::after{
  content:"";width:5px;height:5px;margin-left:6px;flex:none;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translate(-1px,-1px);opacity:.65;
  transition:transform .6s cubic-bezier(.3,.9,.35,1),opacity .35s}
.nav-links > .nav-item:hover > a::after,
.nav-links > .nav-item > a:focus-visible::after{transform:rotate(-45deg) translate(0,-2px) scale(1.25);opacity:1}
@media (prefers-reduced-motion: reduce){
  .nav-links > .nav-item > a,.nav-links > .nav-item > a::after,.nav-links > .nav-item > a::before{transition:none}
  .nav-links > .nav-item:hover > a{transform:none;color:var(--blue)}
}


.post-body h2,.post-body h3{position:relative}

.post-body h2::before,.post-body h3::before{
  content:"";position:absolute;left:0;bottom:-3px;width:34px;height:2px;border-radius:1px;
  background:linear-gradient(90deg,var(--blue),rgba(200,146,63,.85));
  transform:scaleX(0);transform-origin:0 50%;transition:transform .34s cubic-bezier(.2,.8,.3,1)}
.post-body h2:hover::before,.post-body h3:hover::before{transform:scaleX(1)}
@media (prefers-reduced-motion: reduce){ .post-body h2::before,.post-body h3::before{transition:none;transform:scaleX(1);opacity:.6} }


.post-body p a,.follow-strip a,footer a{position:relative}
.post-body p a::after,.follow-strip a::after,footer a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;
  background:currentColor;transform:scaleX(0);transform-origin:0 50%;transition:transform .28s cubic-bezier(.2,.8,.3,1)}
.post-body p a:hover::after,.follow-strip a:hover::after,footer a:hover::after{transform:scaleX(1)}


.card{transition:transform .22s cubic-bezier(.2,.8,.3,1),border-color .22s ease,box-shadow .22s ease}
.card:hover{transform:translateY(-6px) scale(1.014);box-shadow:0 14px 30px -12px rgba(37,70,107,.34),0 3px 10px -4px rgba(37,70,107,.18)}
:root[data-theme="dark"] .card:hover{box-shadow:0 16px 34px -14px rgba(0,0,0,.7),0 0 0 1px rgba(127,176,232,.22)}
.card:active{transform:translateY(-2px) scale(1.006)}
@media (prefers-reduced-motion: reduce){ .card,.card:hover,.card:active{transition:none;transform:none} }




.hero-title{position:relative;isolation:isolate}

:root[data-theme="dark"] .hero-title{
  filter:drop-shadow(0 0 6px rgba(150,190,240,.34)) drop-shadow(0 0 24px rgba(120,160,220,.20));
  text-shadow:0 0 22px rgba(146,186,238,.28),0 0 48px rgba(120,160,220,.16)}
@media (prefers-color-scheme: dark){ :root:not([data-theme]) .hero-title{
  filter:drop-shadow(0 0 6px rgba(150,190,240,.34)) drop-shadow(0 0 24px rgba(120,160,220,.20));
  text-shadow:0 0 22px rgba(146,186,238,.28),0 0 48px rgba(120,160,220,.16)} }





.card:hover{transform:translateY(-6px)}
.card:active{transform:translateY(-2px)}



body > header > nav.container{max-width:1240px}
.nav-links{gap:20px;margin-left:auto;margin-right:2px}
@media (max-width:1100px){ header > nav.container{max-width:100%} .nav-links{gap:18px} }


section.container > h2{position:relative}

section.container > h2,
section.container > h1.page-h,
section.container > h1.post-title,
.container > h1.page-h,
.container > h1.post-title{position:relative}
section.container > h2::after,
section.container > h1.page-h::after,
section.container > h1.post-title::after,
.container > h1.page-h::after,
.container > h1.post-title::after{content:"";position:absolute;left:0;bottom:-7px;height:2px;border-radius:1px;width:min(190px,44%);
  background:linear-gradient(90deg,var(--blue) 0%,rgba(200,146,63,.9) 100%);
  transform:scaleX(0);transform-origin:0 50%;transition:transform .4s cubic-bezier(.2,.8,.3,1)}
section.container > h2:hover::after,
section.container > h1.page-h:hover::after,
section.container > h1.post-title:hover::after,
.container > h1.page-h:hover::after,
.container > h1.post-title:hover::after{transform:scaleX(1)}
@media (prefers-reduced-motion: reduce){
  section.container > h2::after,
  section.container > h1.page-h::after,
  section.container > h1.post-title::after,
  .container > h1.page-h::after,
  .container > h1.post-title::after{transition:none;transform:scaleX(1);opacity:.65}
}


:root[data-theme="light"] .hero-title, :root:not([data-theme]) .hero-title{
  filter:drop-shadow(0 0 5px rgba(16,36,62,.30)) drop-shadow(0 0 20px rgba(16,36,62,.20))}
:root[data-theme="dark"] .hero-title{
  filter:drop-shadow(0 0 6px rgba(150,190,240,.34)) drop-shadow(0 0 24px rgba(120,160,220,.20))}
@media (prefers-color-scheme: dark){ :root:not([data-theme]) .hero-title{
  filter:drop-shadow(0 0 6px rgba(150,190,240,.34)) drop-shadow(0 0 24px rgba(120,160,220,.20))} }


.reveal-now{transition:none !important}


:root{--reveal-dur:1.15s}
@keyframes card-reveal{from{opacity:0;transform:translateY(22px)}}
.cards > .card.reveal-in,.cards > .book-card.reveal-in{animation:card-reveal var(--reveal-dur) var(--ease-rise)}
.cards > .card.reveal-now{animation:none}
@media (prefers-reduced-motion: reduce){ .cards > .card.reveal-in,.cards > .book-card.reveal-in{animation:none} }

.daily-grid > .daily-col.reveal-in{animation:card-reveal var(--reveal-dur) var(--ease-rise)}
@media (prefers-reduced-motion: reduce){ .daily-grid > .daily-col.reveal-in{animation:none} }


.click-ink{position:fixed;z-index:70;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle at 50% 50%,rgba(22,44,72,.52) 0%,rgba(22,44,72,.30) 42%,rgba(22,44,72,0) 72%);
  animation:ink-drop .62s cubic-bezier(.2,.8,.3,1) forwards}
@keyframes ink-drop{from{opacity:.85;transform:scale(.35)}55%{opacity:.5}to{opacity:0;transform:scale(1.6)}}

.click-star{position:fixed;z-index:70;width:26px;height:26px;margin:-13px 0 0 -13px;pointer-events:none;
  -webkit-clip-path:polygon(50% 0%,57% 41%,100% 50%,57% 59%,50% 100%,43% 59%,0% 50%,43% 41%);
  clip-path:polygon(50% 0%,57% 41%,100% 50%,57% 59%,50% 100%,43% 59%,0% 50%,43% 41%);
  background:radial-gradient(circle at 50% 50%,#ffffff 0%,rgba(226,240,255,.95) 34%,rgba(170,208,255,.55) 62%,rgba(140,185,245,.12) 82%,transparent 92%);
  animation:star-twinkle .82s ease-out forwards}
@keyframes star-twinkle{
  0%{opacity:0;transform:scale(.35) rotate(0deg)}
  32%{opacity:1;transform:scale(1.18) rotate(22deg)}
  66%{opacity:.8;transform:scale(1) rotate(40deg)}
  100%{opacity:0;transform:scale(.85) rotate(56deg)}}
@media (prefers-reduced-motion: reduce){ .click-ink,.click-star{display:none} }


@media (max-width:480px){
  footer a,.follow-strip a,.foot a{display:inline-block;padding:7px 6px;min-height:32px;line-height:18px}
  .icon-btn{min-width:40px;min-height:40px}
}

.footer-beian{margin:6px 0 0;font-size:12.5px;color:var(--muted)}
.footer-beian a{color:var(--muted);text-decoration:none}
.footer-beian a:hover{color:var(--blue)}


.notice-bar{padding-bottom:34px}
.notice-read{right:14px;bottom:6px}
@media (max-width:720px){

  .notice-bar{padding-bottom:34px;padding-top:34px}
  .notice-close{top:6px}
  .notice-read{right:12px;bottom:4px;min-height:28px;display:inline-flex;align-items:center}
}


.card-fav{width:18px;height:18px;border-radius:4px;margin-right:10px;vertical-align:-3px;object-fit:contain}

@media (max-width:720px){.card-fav{width:16px;height:16px;margin-right:9px;vertical-align:-2px}}


@media (max-width: 720px) {


  :root[data-theme="light"] .orbit-drift { width: 6px; height: 6px; }
  :root[data-theme="light"] .orbit-drift::before { width: 13px; height: 13px; margin: -6.5px 0 0 -6.5px; }
  :root[data-theme="light"] .orbit-drift::after { width: 11px; height: 11px; margin: -5.5px 0 0 -5.5px; }


  .hero-title { font-size: clamp(34px, 10.6vw, 48px); letter-spacing: 3px; }
  .hero-tagline { font-size: 16px; letter-spacing: 2.5px; }

  .hero-sub { font-size: clamp(11.5px, 3.4vw, 13.5px); line-height: 1.75; letter-spacing: 0; }
  .hero-art { width: min(52vw, 196px); height: min(52vw, 196px); }


  :root[data-theme="light"] .orbit-dot::after { width: 14px; height: 14px; margin: -7px 0 0 -7px; }


  :root[data-theme="light"] .orbit-dot::after { transform: scale(.34); }
  .hero-ring-art { border-radius: 0; overflow: visible; }
}


@media (max-width:640px){
  .cards,.books-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
  .book-body h4{font-size:12.5px;margin-bottom:2px}
  .book-author{font-size:10.5px;margin-bottom:3px}
  .book-note{font-size:11px;line-height:1.55}
  .book-tag{font-size:10px;padding:1px 5px;margin-bottom:4px}
  .card-links{margin-top:6px;font-size:11.5px}
}


.books-arts-label{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:24px 0 8px;font-size:13.5px;font-weight:700;color:var(--blue);letter-spacing:.04em}
.books-arts-label:before{content:"";width:16px;height:2px;background:var(--blue);border-radius:1px}
img.book-cover,.book-bg img{-webkit-user-drag:none;user-select:none}







.book-card{position:relative;overflow:hidden;display:block;min-height:360px;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);color:var(--text);text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s}
.book-cover{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center top;display:block;background:transparent}
.book-cover-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}
.book-body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:8px 11px 9px;display:block;background:rgba(255,255,255,.58);backdrop-filter:blur(20px) saturate(1.05);-webkit-backdrop-filter:blur(20px) saturate(1.05);border-top:1px solid rgba(255,255,255,.5);border-radius:12px 12px 0 0}
html[data-theme="dark"] .book-body{background:rgba(22,26,32,.55);border-top-color:rgba(255,255,255,.10)}
html[data-theme="dark"] .book-bg img{opacity:.30}
.book-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.book-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.25);filter:blur(38px) saturate(1.05);opacity:.30}

.book-card.is-art{min-height:340px}
.book-card.is-art .book-cover{position:absolute;top:0;left:0;right:0;height:auto;width:100%;object-fit:contain;object-position:center top}
.book-card.is-art .book-body{position:absolute;left:0;right:0;bottom:0}

.book-body h4{font-size:14.5px;color:var(--heading);margin:0 0 2px}
.book-author{font-size:12px;color:var(--muted);margin-bottom:4px}
.book-tag{display:inline-block;margin:0 0 5px;font-size:10.5px;color:var(--blue);background:var(--blue-soft);border-radius:6px;padding:1px 7px}
.book-note{font-size:12px;color:var(--muted);line-height:1.5;clear:both}
.book-body .card-links{margin-top:6px;clear:both}

.book-card[data-link]{cursor:pointer}
.book-memo{margin-top:4px;font-size:12px;color:var(--muted);clear:both}
.book-memo summary{cursor:pointer;color:var(--blue);font-size:12px;padding:2px 0}
.book-memo-body{margin:4px 0 0;line-height:1.6;color:var(--text)}
.book-card:hover{transform:translateY(-3px);border-color:var(--blue)}

.book-card.book-flash{border-color:var(--blue);border-width:3px;box-shadow:0 0 0 6px rgba(50,104,159,.35),0 0 0 12px rgba(50,104,159,.14),var(--shadow);animation:bookPop 2.6s cubic-bezier(.22,.61,.36,1) both;z-index:3}
@keyframes bookPop{
  0%{transform:scale(1);box-shadow:0 0 0 0 rgba(50,104,159,.55),var(--shadow)}
  22%{transform:scale(1.055);box-shadow:0 0 0 10px rgba(50,104,159,.30),0 0 0 20px rgba(50,104,159,.10),var(--shadow)}
  45%{transform:scale(1.02)}
  70%{transform:scale(1.04);box-shadow:0 0 0 7px rgba(50,104,159,.32),0 0 0 14px rgba(50,104,159,.12),var(--shadow)}
  100%{transform:scale(1);box-shadow:0 0 0 6px rgba(50,104,159,.35),0 0 0 12px rgba(50,104,159,.14),var(--shadow)}}
@media (prefers-reduced-motion: reduce){.book-card.book-flash{animation:none}}


.music-box{display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:center;margin:26px 0 34px;padding:24px 26px;border-radius:18px;
  background:linear-gradient(158deg,#c79a63 0%,#a9773f 42%,#8a5c30 100%);
  box-shadow:inset 0 1px 0 rgba(255,236,200,.55),inset 0 -3px 10px rgba(60,32,10,.38),0 12px 26px rgba(70,45,20,.22);
  border:1px solid rgba(90,58,26,.5);position:relative;overflow:hidden}
.music-box:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;
  background:repeating-linear-gradient(92deg,rgba(255,235,200,.16) 0 2px,rgba(120,80,40,.10) 2px 5px)}

.mb-stage{position:relative;width:250px;height:250px;justify-self:center;border-radius:50%;
  background:radial-gradient(circle at 50% 45%,#3a2a1c,#241812 70%);
  box-shadow:inset 0 0 0 8px rgba(255,226,180,.20),inset 0 6px 14px rgba(0,0,0,.55),0 8px 18px rgba(40,22,8,.35)}
.mb-vinyl{position:absolute;inset:24px;border-radius:50%;background:radial-gradient(circle at 50% 42%,#2b2b30,#0e0e11 62%,#050506);
  box-shadow:0 2px 10px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.06);will-change:transform}
.mb-groove{position:absolute;inset:0;border-radius:50%;opacity:.5;
  background:repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.10) 0 1px,rgba(255,255,255,0) 1px 4px)}
.mb-vinyl:after{content:"";position:absolute;inset:0;border-radius:50%;
  background:linear-gradient(118deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 42%,rgba(255,255,255,.06) 100%)}
.mb-label{position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;
  background:radial-gradient(circle at 50% 35%,#fbf3e2,#e8d6b4);box-shadow:inset 0 0 0 3px rgba(31,78,121,.28)}
.mb-label b{font-size:12px;line-height:1.35;color:#7a5a2e;font-weight:700;letter-spacing:.02em}
.mb-hole{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#241812;box-shadow:inset 0 1px 2px rgba(0,0,0,.8)}

.mb-arm{position:absolute;right:-4px;top:-2px;width:132px;height:132px;transform-origin:76% 24%;transform:rotate(-33deg);transition:transform .6s cubic-bezier(.22,.61,.36,1);z-index:3}
.mb-arm-base{position:absolute;right:2px;top:2px;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#f0e2c2,#a97f43 70%,#7a5729);box-shadow:0 3px 8px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,245,220,.8)}
.mb-arm-rod{position:absolute;left:20px;top:18px;width:112px;height:5px;border-radius:4px;transform-origin:left center;transform:rotate(44deg);background:linear-gradient(180deg,#f4ecdb,#a49a89);box-shadow:0 2px 4px rgba(0,0,0,.32)}
.mb-arm-head{position:absolute;left:6px;top:96px;width:22px;height:16px;border-radius:4px;transform:rotate(38deg);background:linear-gradient(120deg,#efe3cb,#8f8677);box-shadow:0 3px 6px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.6)}
.music-box.is-playing .mb-arm{transform:rotate(-11deg)}
.music-box.is-playing .mb-vinyl{animation:mbSpin 5.5s linear infinite}
.mb-stage:after{content:"";position:absolute;inset:14px;border-radius:50%;pointer-events:none;opacity:0;box-shadow:0 0 0 2px rgba(255,226,180,.5),0 0 26px 6px rgba(255,214,150,.35);transition:opacity .5s}
.music-box.is-playing .mb-stage:after{opacity:1}
@keyframes mbSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}

.mb-panel{position:relative;z-index:1;background:rgba(255,250,240,.90);border-radius:14px;padding:18px 20px 20px;
  box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(70,45,20,.18);border:1px solid rgba(120,84,44,.28)}
.mb-kicker{margin:0 0 6px;font-size:12px;letter-spacing:.14em;color:#a9773f;font-weight:700}
.mb-pick{margin:0 0 14px;font-size:16px;line-height:1.6;color:#3b3129;min-height:52px}
.mb-pick b{color:#1f4e79;font-size:19px}
.mb-pick .mb-by{color:#7b6a56;font-size:14px}
.mb-draw{appearance:none;border:0;cursor:pointer;padding:11px 22px;border-radius:999px;font-size:15px;font-weight:700;color:#fff;
  background:linear-gradient(180deg,#3a7bb8,#1f4e79);box-shadow:0 4px 0 #16395a,0 8px 16px rgba(31,78,121,.28);transition:transform .12s,box-shadow .12s}
.mb-draw:hover{transform:translateY(-1px)}
.mb-draw:active{transform:translateY(3px);box-shadow:0 1px 0 #16395a,0 3px 8px rgba(31,78,121,.3)}
.mb-share{margin-top:14px;padding-top:12px;border-top:1px dashed rgba(120,84,44,.3)}
.mb-tip{margin:0 0 10px;font-size:12.5px;color:#7b6a56;line-height:1.6}
.mb-apps{display:flex;flex-wrap:wrap;gap:8px}

.mb-app{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;font-size:13px;font-weight:600;text-decoration:none;
  border:1px solid rgba(120,84,44,.28);background:#fff;color:#3b3129;transition:transform .12s,box-shadow .12s}
.mb-app:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(70,45,20,.18)}
.mb-app-i{width:16px;height:16px;border-radius:4px;display:block}
.mb-app-l{width:18px;height:18px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;font-style:normal;line-height:1}
.p-migu .mb-app-l{background:linear-gradient(140deg,#ff7fae,#e8447e)}
.p-qishui .mb-app-l{background:linear-gradient(140deg,#3ce0b0,#00b98a)}

@media (max-width:760px){
  .music-box{grid-template-columns:1fr;gap:16px;padding:16px 14px;border-radius:14px}
  .mb-stage{width:190px;height:190px;justify-self:center}
  .mb-vinyl{inset:18px}
  .mb-label{width:74px;height:74px;margin:-37px 0 0 -37px}
  .mb-label b{font-size:10.5px}
  .mb-arm{width:110px;height:110px;right:-4px;top:-2px}
  .mb-arm-rod{width:92px}
  .mb-panel{padding:14px 14px 16px;border-radius:12px}
  .mb-pick{font-size:15px;min-height:0;margin-bottom:12px}
  .mb-actions{gap:8px}
  .mb-draw{flex:1 1 100%;justify-content:center;text-align:center;padding:12px 16px 12px 40px}
  .mb-copy,.mb-sound{padding:11px 14px;font-size:14px}
  .mb-copy{flex:1 1 auto}
  .mb-copy{flex:1 1 auto;text-align:center}
  .mb-apps{gap:7px}
  .mb-app{font-size:12px;padding:6px 11px}
}

@media (max-width:760px){.music-box{grid-template-columns:1fr;gap:18px;padding:18px 16px}.mb-stage{width:200px;height:200px}.mb-vinyl{inset:20px}.mb-label{width:78px;height:78px;margin:-39px 0 0 -39px}.mb-label b{font-size:11px}.mb-pick{font-size:15px;min-height:0}}


.mb-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mb-copy{appearance:none;min-width:142px;text-align:center;justify-content:center;cursor:pointer;padding:11px 18px;border-radius:999px;font-size:14.5px;font-weight:700;color:#1f4e79;background:#fff;border:1.5px solid rgba(31,78,121,.45);box-shadow:0 2px 6px rgba(31,78,121,.12);transition:transform .12s,box-shadow .12s,background .12s}
.mb-copy:hover{transform:translateY(-1px);background:#f4f8fc;box-shadow:0 6px 14px rgba(31,78,121,.18)}
.mb-copy:active{transform:translateY(2px)}



.mb-draw{position:relative;flex:0 0 auto;white-space:nowrap;appearance:none;border:1px solid #6f4a12;cursor:pointer;padding:12px 24px 12px 44px;border-radius:999px;font-size:15px;font-weight:800;letter-spacing:.02em;
  color:#4a2f08;text-shadow:0 1px 0 rgba(255,244,214,.65);
  background:radial-gradient(circle at 32% 26%,#ffeec2,#e3b45c 42%,#bb8430 72%,#8a5c19 100%);
  box-shadow:inset 0 1px 0 rgba(255,248,224,.9),inset 0 -3px 6px rgba(96,60,12,.45),0 4px 0 #6f4a12,0 9px 16px rgba(60,34,8,.32);
  transition:transform .1s,box-shadow .1s}
.mb-draw:before{content:"";position:absolute;left:14px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff6df,#c9973c 60%,#8a5c19);box-shadow:inset 0 1px 1px rgba(255,250,230,.9),0 1px 2px rgba(80,50,10,.5)}
.mb-draw:active{transform:translateY(3px) rotate(-4deg);box-shadow:inset 0 1px 0 rgba(255,248,224,.7),0 1px 0 #6f4a12,0 3px 8px rgba(60,34,8,.36)}

.mb-copy{appearance:none;cursor:pointer;padding:11px 20px;border-radius:10px;font-size:14px;font-weight:700;color:#5a3d18;
  background:linear-gradient(180deg,#fbf3e0,#ecd9b4 58%,#dcc294);border:1px solid #a5814a;
  box-shadow:inset 0 1px 0 rgba(255,253,246,.95),inset 0 -2px 3px rgba(120,86,40,.3),0 3px 0 #a5814a,0 7px 13px rgba(70,45,20,.2);transition:transform .1s,box-shadow .1s}
.mb-copy:hover{background:linear-gradient(180deg,#fffaf0,#f0e0c0 58%,#e0c99e)}
.mb-copy:active{transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,253,246,.9),0 0 0 #a5814a,0 2px 5px rgba(70,45,20,.24)}
.mb-copy[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}

.mb-sound{display:inline-flex;align-items:center;gap:9px;appearance:none;cursor:pointer;padding:10px 14px;border-radius:999px;font-size:13.5px;font-weight:700;color:#5a3d18;
  background:linear-gradient(180deg,#f2e6cb,#d6bd92 60%,#c2a575);border:1px solid #a5814a;
  box-shadow:inset 0 1px 0 rgba(255,250,238,.95),inset 0 -2px 3px rgba(120,86,40,.28),0 3px 0 #9c7a46,0 7px 13px rgba(70,45,20,.2);transition:transform .1s,box-shadow .1s}
.mb-sound:active{transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,250,238,.9),0 0 0 #9c7a46,0 2px 5px rgba(70,45,20,.24)}

.mb-slot{position:relative;width:36px;height:18px;border-radius:9px;background:linear-gradient(180deg,#8f7440,#b99a63);box-shadow:inset 0 2px 4px rgba(60,36,8,.55),inset 0 -1px 0 rgba(255,240,210,.35)}
.mb-knob{position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff6e2,#d9b877 55%,#9a7538);box-shadow:0 1px 2px rgba(50,30,6,.6),inset 0 1px 0 rgba(255,252,240,.9);transition:transform .28s cubic-bezier(.22,.61,.36,1)}
.mb-sound[aria-pressed="true"] .mb-knob{transform:translateX(18px)}
.mb-sound[aria-pressed="true"]{box-shadow:inset 0 1px 0 rgba(255,250,238,.95),inset 0 -2px 3px rgba(120,86,40,.28),0 3px 0 #9c7a46,0 0 12px rgba(70,210,130,.35)}

.mb-draw[disabled],.mb-draw.is-cooling{cursor:progress;filter:saturate(.65) brightness(.94)}

.mb-copy.is-done{background:linear-gradient(180deg,#eaf7ee,#c8e8d3 58%,#a9d6ba);border-color:#5f9c74;color:#215c37}

@media (max-width:760px){
  .mb-actions{gap:8px}
  .mb-draw{flex:1 1 100%;justify-content:center;text-align:center;padding:12px 16px 12px 40px}
  .mb-copy{flex:1 1 auto;min-width:0}
  .mb-sound{flex:0 0 auto}
}


.nav-group{position:relative}
.nav-group-label{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 12px;border-radius:9px;color:var(--muted);font-size:13.5px;white-space:nowrap;cursor:default}
.nav-group-label::after{content:"›";opacity:.55;font-size:15px}
.nav-group:hover>.nav-group-label,.nav-group:focus-within>.nav-group-label{color:inherit;background:rgba(127,127,127,.10)}
.nav-sub{left:100%;top:-9px;min-width:230px;overflow:visible}
.nav-group:hover>.nav-sub,.nav-group:focus-within>.nav-sub{opacity:1;visibility:visible;pointer-events:auto}
@media (max-width:720px){
  .nav-sub{position:static;left:auto;top:auto;min-width:0;max-height:none;box-shadow:none;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:1;visibility:visible;pointer-events:auto;padding:0 0 8px 12px}
  .nav-group-label{padding:7px 8px;font-size:12.5px}
  .nav-group-label::after{display:none}
}
.nav-sub .nav-sub{left:100%;top:-6px;min-width:260px}

.nav-group.is-open>.nav-sub{opacity:1;visibility:visible;pointer-events:auto}


.res-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 26px}
.res-tile{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 18px 14px;border-radius:14px;
  background:var(--card);border:1px solid var(--line);text-decoration:none;color:inherit;overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.res-tile::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,var(--accent,#b48a4a),transparent 70%);opacity:.55}
.res-tile:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(20,40,70,.10);border-color:rgba(180,138,74,.45)}
.res-tile-name{font-size:16px;font-weight:600;letter-spacing:.02em}
.res-tile-count{font-size:12px;color:var(--muted)}
.res-tile-icons{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px;min-height:18px;align-items:center}
.res-tile-icons img{width:16px;height:16px;border-radius:3px;object-fit:contain;opacity:.9}
@media (max-width:900px){.res-overview{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.res-overview{grid-template-columns:1fr;gap:10px}}


.res-tile-no{position:absolute;right:16px;top:14px;font-size:12px;letter-spacing:.14em;color:var(--muted);opacity:.75}
.res-tile-go{position:absolute;right:16px;bottom:12px;font-size:14px;color:var(--accent,#b48a4a);opacity:0;transform:translateX(-4px);transition:opacity .18s ease,transform .18s ease}
.res-tile:hover .res-tile-go{opacity:1;transform:translateX(0)}
.res-tile:hover .res-tile-no{opacity:1}


.res-overview{grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 30px}
.res-tile{padding:18px 20px 16px 24px;border-radius:12px;background:var(--card);border:1px solid var(--line);overflow:visible}
.res-tile::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:4px;background:var(--spine,#b48a4a);opacity:.85}
.res-tile::after{content:"";position:absolute;left:24px;right:20px;bottom:38px;height:1px;background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 12px);opacity:.9}
.res-tile-name{font-size:16.5px;font-weight:600}
.res-tile-count{font-size:12px;color:var(--muted);letter-spacing:.02em}
.res-tile-icons{position:relative;margin-top:10px;padding-top:0;min-height:20px;z-index:1;background:var(--card)}
.res-tile-no{font-size:22px;font-weight:600;letter-spacing:0;opacity:.14;top:10px;right:14px}
.res-tile:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,40,70,.12);border-color:rgba(180,138,74,.42)}
.res-tile:nth-child(1){--spine:#b48a4a}
.res-tile:nth-child(2){--spine:#7a8fa6}
.res-tile:nth-child(3){--spine:#5f8a72}
.res-tile:nth-child(4){--spine:#96667f}
.res-tile:nth-child(5){--spine:#8a7b52}
.res-tile:nth-child(6){--spine:#5d6f8a}
@media (max-width:900px){.res-overview{grid-template-columns:repeat(2,1fr);gap:12px}}
@media (max-width:560px){.res-overview{grid-template-columns:1fr;gap:10px}.res-tile{padding:14px 16px 12px 20px}.res-tile::after{display:none}}


.res-total{margin:14px 0 10px;font-size:15px;color:var(--muted)}
.res-total-num{color:#1f5f9e;font-size:19px;font-weight:700;font-family:inherit;margin:0 3px}
.res-overview{display:flex;flex-direction:column;gap:8px;margin:6px 0 30px}
.res-drawer{position:relative;display:grid;grid-template-columns:46px 150px 90px 1fr 24px;align-items:center;gap:14px;
  padding:12px 18px 12px 20px;border-radius:10px;background:var(--card);border:1px solid var(--line);
  text-decoration:none;color:inherit;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.res-drawer::before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:3px;height:22px;border-radius:3px;background:var(--spine,#b48a4a);opacity:.8}
.res-drawer:hover{transform:translateX(4px);box-shadow:0 10px 22px rgba(20,40,70,.10);border-color:rgba(180,138,74,.42)}
.res-drawer-no{font-size:15px;font-weight:600;color:var(--muted);letter-spacing:.08em}
.res-drawer-name{font-size:15.5px;font-weight:600}
.res-drawer-count{font-size:12px;color:var(--muted);white-space:nowrap}
.res-drawer-icons{display:flex;gap:7px;align-items:center;flex-wrap:nowrap;overflow:hidden;min-height:18px}
.res-drawer-icons img{width:16px;height:16px;border-radius:3px;object-fit:contain}
.res-drawer-go{font-size:14px;color:var(--accent,#b48a4a);opacity:0;transform:translateX(-4px);transition:.16s ease}
.res-drawer:hover .res-drawer-go{opacity:1;transform:translateX(0)}

@media (max-width:820px){text-align:left}
@media (max-width:820px){.res-drawer{grid-template-columns:40px 1fr auto;gap:10px;padding:12px 14px}.res-drawer-icons{display:none}.res-drawer-count{grid-column:2;font-size:11.5px}}


.res-index-head{display:flex;align-items:center;gap:12px;margin:18px 0 12px}
.res-index-head span{font-size:12px;letter-spacing:.22em;color:var(--muted);text-transform:uppercase}
.res-index-head::after{content:"";flex:1;height:1px;background:var(--line)}
.res-overview{gap:10px}
.res-drawer{grid-template-columns:52px 150px 84px 1fr 46px;padding:14px 18px 14px 22px;border-radius:12px;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.15)),var(--card);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(0,0,0,.03),0 1px 2px rgba(20,40,70,.04)}
.res-drawer::before{left:0;top:0;bottom:0;width:5px;height:auto;border-radius:12px 0 0 12px;background:var(--spine,#b48a4a);opacity:.22;transform:none}
.res-drawer::after{content:"";position:absolute;left:22px;right:18px;bottom:9px;height:1px;
  background:repeating-linear-gradient(90deg,var(--line) 0 8px,transparent 8px 16px);opacity:.55}
.res-drawer:hover{transform:translate(5px,-1px);box-shadow:0 12px 26px rgba(20,40,70,.13)}

html[data-theme=dark] .res-drawer{background:linear-gradient(180deg,rgba(127,176,232,.10),rgba(127,176,232,.02)),var(--card);border-color:rgba(127,176,232,.20);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(0,0,0,.28),0 1px 2px rgba(0,0,0,.25)}
html[data-theme=dark] .res-drawer:hover{border-color:rgba(127,176,232,.45);box-shadow:0 12px 26px rgba(0,0,0,.45)}
@media (prefers-color-scheme: dark){:root:not([data-theme]) .res-drawer{background:linear-gradient(180deg,rgba(127,176,232,.10),rgba(127,176,232,.02)),var(--card);border-color:rgba(127,176,232,.20);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(0,0,0,.28),0 1px 2px rgba(0,0,0,.25)}:root:not([data-theme]) .res-drawer:hover{border-color:rgba(127,176,232,.45)}}
.res-drawer:hover::before{opacity:.85;width:6px}
.res-drawer-no{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:24px;margin-left:-6px;border-radius:6px 6px 6px 0;background:var(--spine,#b48a4a);
  color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;opacity:.9}
.res-drawer-name{font-size:16px}
.res-drawer-count{font-size:12px;color:var(--muted)}
.res-drawer-icons img{width:17px;height:17px}
.res-drawer-go{justify-self:end;font-size:15px}
.res-drawer::marker{content:""}
@media (max-width:820px){.res-drawer{grid-template-columns:44px 1fr auto;padding:12px 14px}.res-drawer-no{width:30px;height:22px}.res-drawer::after{left:14px;right:14px}}


#resources{counter-reset:rescat}
#res-law{--cat:#c0453e}
#res-search{--cat:#3b6ea8}
#res-field{--cat:#a8862c}
#res-acad{--cat:#2f7a5f}
#res-study{--cat:#b96a1f}
#res-data{--cat:#2f7f8f}
#res-tools{--cat:#7a6aa8}
#res-code{--cat:#5f6a78}



.res-group-title{display:flex;align-items:center;gap:14px;margin:32px 0 4px;font-size:14px;font-weight:600;color:var(--muted);letter-spacing:.18em}
.res-group-title::after{content:"";flex:1;height:1px;background:var(--line)}



.res-group{position:relative;display:flex;flex-direction:column;gap:10px;margin:2px 0 6px;padding-left:20px}
.res-group::before{content:"";position:absolute;left:0;top:4px;bottom:2px;width:2px;border-radius:2px;
  background:linear-gradient(180deg,rgba(192,69,62,.55) 0%,rgba(192,69,62,.30) 55%,rgba(192,69,62,.06) 100%)}
.res-group-head{display:flex;align-items:baseline;gap:10px;margin:0 0 2px 2px}
.res-group-name{font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--heading)}
.res-group-name::before{content:"";display:inline-block;width:6px;height:6px;border-radius:2px;background:#c0453e;margin-right:7px;vertical-align:1px}
.res-group-meta{font-size:11.5px;color:var(--muted);letter-spacing:.06em}
html[data-theme=dark] .res-group::before{background:linear-gradient(180deg,rgba(232,120,110,.55) 0%,rgba(232,120,110,.25) 55%,rgba(232,120,110,.05) 100%)}
@media (max-width:820px){.res-group{padding-left:12px}.res-group-meta{display:none}}

#picked,#latest{counter-increment:none}
#picked::before,#latest::before{content:none;display:none}
.res-cat{display:flex;align-items:center;gap:10px;counter-increment:rescat}
.res-cat::before{content:counter(rescat,decimal-leading-zero);display:inline-flex;align-items:center;justify-content:center;
  min-width:30px;height:22px;padding:0 7px;border-radius:6px 6px 6px 0;background:var(--cat,#b48a4a);
  color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.06em;opacity:.95}

.res-drawer.c1{--spine:#c0453e}
.res-drawer.c2{--spine:#3b6ea8}
.res-drawer.c3{--spine:#a8862c}
.res-drawer.c4{--spine:#2f7a5f}
.res-drawer.c5{--spine:#b96a1f}
.res-drawer.c6{--spine:#2f7f8f}
.res-drawer.c7{--spine:#7a6aa8}
.res-drawer.c8{--spine:#5f6a78}


.article-refs{margin:44px 0 8px;padding:20px 22px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.article-refs-title{font-size:17px;margin:0 0 12px;display:flex;align-items:baseline;gap:10px}
.article-refs-title .sec-en{font-size:11px;letter-spacing:.22em;color:var(--muted);text-transform:uppercase}
.article-refs-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.article-refs-list a{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;padding:7px 10px;border-radius:9px;text-decoration:none;color:inherit;transition:background .16s ease}
.article-refs-list a:hover{background:rgba(127,127,127,.09)}
.ar-title{font-size:14.5px;font-weight:500;border-bottom:1px solid var(--line)}
.ar-author{font-size:12.5px;color:var(--muted)}
.article-refs-hint{margin:12px 0 0;font-size:12px;color:var(--muted)}

.book-card.is-target{box-shadow:0 0 0 2px rgba(63,91,143,.55),0 14px 30px rgba(20,40,70,.16);animation:bookcard-pulse 1.6s ease 1}
@keyframes bookcard-pulse{0%{box-shadow:0 0 0 0 rgba(63,91,143,.55)}70%{box-shadow:0 0 0 3px rgba(63,91,143,.35)}100%{box-shadow:0 0 0 2px rgba(63,91,143,.55),0 14px 30px rgba(20,40,70,.16)}}
@media (max-width:560px){.article-refs{padding:16px 14px}.article-refs-list a{padding:6px 8px}}


.case-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.c-chip{cursor:pointer;font:inherit;font-size:13px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);
  background:var(--card);color:inherit;transition:background .15s ease,border-color .15s ease,color .15s ease}
.c-chip:hover{border-color:rgba(63,91,143,.45)}
.c-chip.is-on{background:#3f5b8f;border-color:#3f5b8f;color:#fff}
.case-table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:14px}
.case-table th,.case-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.case-table th{font-weight:600;font-size:12.5px;color:var(--muted);letter-spacing:.06em}
.case-table tr:hover td{background:rgba(127,127,127,.06)}
.case-table .c-no{width:52px;color:var(--muted);font-variant-numeric:tabular-nums}
.case-table .c-title a{text-decoration:none;border-bottom:1px solid transparent}
.case-table .c-title a:hover{border-bottom-color:currentColor}
.case-table .c-cause,.case-table .c-year{width:96px;color:var(--muted);white-space:nowrap}
.case-post h1{font-size:24px;line-height:1.4;margin:6px 0 16px}
.case-post h2{font-size:16.5px;margin:26px 0 10px}
.case-post p{line-height:1.95;margin:0 0 12px;text-align:justify}
.case-src{font-size:12.5px;color:var(--muted);word-break:break-all}
@media (prefers-color-scheme:dark){.c-chip.is-on{background:#5b7cae;border-color:#5b7cae}}
@media (max-width:640px){.case-table .c-cause{display:none}.case-post h1{font-size:20px}}


.doc-page .doc-h1{font-size:28px;margin:4px 0 10px;letter-spacing:.02em}
.case-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0 14px}
.case-toolbar .case-search{flex:1 1 240px}
.case-law{flex:1 1 200px}
.case-sort{display:flex;gap:6px}
.case-count{font-size:12.5px;color:var(--muted);margin:0 0 8px}
.case-tag{display:inline-block;font-size:12px;letter-spacing:.06em;color:#3f5b8f;background:rgba(63,91,143,.10);
  border:1px solid rgba(63,91,143,.18);padding:3px 10px;border-radius:999px;text-decoration:none;margin-bottom:10px}
.case-tools{display:flex;gap:10px;align-items:center;margin:22px 0 6px}
.case-copy{font:inherit;font-size:13px;cursor:pointer;padding:7px 14px;border-radius:9px;border:1px solid var(--line);background:var(--card);color:inherit;transition:.16s ease}
.case-copy:hover{border-color:rgba(63,91,143,.45);transform:translateY(-1px)}
.case-print{font-size:13px;color:var(--muted)}
.case-rel{margin:26px 0 0;padding-top:16px;border-top:1px solid var(--line)}
.case-rel h2{font-size:14px;color:var(--muted);font-weight:600;margin:0 0 8px}
.case-rel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.case-rel a{font-size:13.5px;text-decoration:none;border-bottom:1px solid transparent}
.case-rel a:hover{border-bottom-color:currentColor}
@media print{.nav,.foot,.case-tools,.case-rel,.post-meta{display:none !important}.case-post h1{font-size:20px}}


.doc-head{margin:6px 0 18px}
.doc-head h1{font-size:30px;letter-spacing:.02em;margin:0 0 10px}
.doc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:8px 0 24px}
.doc-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 22px 20px;border-radius:16px;
  background:var(--card);border:1px solid var(--line);text-decoration:none;color:inherit;overflow:hidden;
  transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .2s ease,border-color .2s ease}
.doc-card::after{content:"";position:absolute;inset:0;border-radius:16px;pointer-events:none;
  background:radial-gradient(120% 80% at 100% 0%,rgba(63,91,143,.10),transparent 60%);opacity:0;transition:opacity .25s ease}
.doc-card.is-live:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(20,40,70,.12);border-color:rgba(63,91,143,.4)}
.doc-card.is-live:hover::after{opacity:1}
.doc-card.is-soon{opacity:.6}
.doc-no{font-size:12px;letter-spacing:.16em;color:var(--muted)}
.doc-title{font-size:19px;margin:0}
.doc-meta{font-size:12.5px;color:var(--muted);margin:0}
.doc-desc{font-size:13.5px;line-height:1.85;color:inherit;opacity:.86;margin:2px 0 0}
.doc-go{font-size:13px;color:#3f5b8f;margin-top:auto;padding-top:6px;transition:transform .2s ease}
.doc-card.is-live:hover .doc-go{transform:translateX(4px)}

.case-search{height:42px;padding:0 16px 0 42px;border-radius:999px;font-size:14px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2399a2ae' stroke-width='2' stroke-linecap='round'><circle cx='11' cy='11' r='7'/><path d='M20 20l-3.2-3.2'/></svg>");
  background-repeat:no-repeat;background-position:16px center;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.case-search:hover{border-color:rgba(63,91,143,.35)}
.case-search:focus{border-color:rgba(63,91,143,.6);box-shadow:0 0 0 4px rgba(63,91,143,.12)}
.case-table{font-size:14px}
.case-table tbody tr:nth-child(even) td{background:rgba(127,127,127,.035)}
.case-table thead th{position:sticky;top:0;background:var(--bg,#faf7f0);z-index:1}
@media (max-width:720px){.doc-grid{grid-template-columns:1fr}}


.case-post{display:block;overflow:visible}
.case-rel{display:block;margin:28px 0 10px;padding-top:18px;border-top:1px solid var(--line)}
.case-rel h2{display:block;font-size:12.5px;letter-spacing:.16em;color:var(--muted);font-weight:600;margin:0 0 10px}
.case-rel ul{display:block;list-style:none;margin:0;padding:0}
.case-rel li{display:block;margin:0 0 6px;line-height:1.9;text-align:left}
.case-rel li a{display:inline;text-align:left;text-decoration:none;border-bottom:1px solid transparent}
.case-rel li a:hover{border-bottom-color:currentColor}
.case-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:26px 0 4px}


.case-post p a,.case-rel li a,.case-table .c-title a,.doc-card a{position:relative;text-decoration:none}
.case-post p a::after,.case-rel li a::after,.case-table .c-title a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;
  background:currentColor;transform:scaleX(0);transform-origin:0 50%;transition:transform .28s cubic-bezier(.2,.8,.3,1)}
.case-post p a:hover::after,.case-rel li a:hover::after,.case-table .c-title a:hover::after{transform:scaleX(1)}

.case-rel li a:hover,.case-table .c-title a:hover{border-bottom-color:transparent}


.case-search{-webkit-appearance:none;appearance:none;background-image:none !important;
  padding:0 18px !important;border-radius:999px;border:1px solid var(--line);outline:none;
  box-shadow:none;transition:border-color .18s ease,box-shadow .18s ease}
.case-search::-webkit-search-decoration,.case-search::-webkit-search-cancel-button{-webkit-appearance:none}
.case-search:hover{border-color:rgba(63,91,143,.32)}
.case-search:focus{border-color:rgba(63,91,143,.62);box-shadow:0 0 0 3px rgba(63,91,143,.14)}
.case-search::placeholder{color:var(--muted);opacity:.75}

.nav-item.is-plain-drop{position:relative}
.nav-item.is-plain-drop .nav-drop{min-width:190px;left:50%;transform:translateX(-50%)}
.nav-item.is-plain-drop:hover .nav-drop{display:flex}


.case-post h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sec-copy{font:inherit;font-size:11.5px;letter-spacing:.04em;cursor:pointer;padding:2px 9px;border-radius:999px;
  border:1px solid var(--line);background:transparent;color:var(--muted);opacity:0;transition:opacity .16s ease,color .16s ease,border-color .16s ease}
.case-post h2:hover .sec-copy,.sec-copy:focus-visible{opacity:1}
.sec-copy:hover{color:var(--blue);border-color:rgba(63,91,143,.4)}
.sec-copy.is-done{opacity:1;color:#2e7d52;border-color:rgba(46,125,82,.4)}
@media (hover:none){.sec-copy{opacity:.75}}


.case-rel h2{display:flex !important;align-items:center;font-size:12.5px !important;letter-spacing:.14em;color:var(--muted) !important;font-weight:600;margin:0 0 10px !important;padding:0 !important;border:0 !important}
.case-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:26px 0 6px;padding-top:16px;border-top:1px solid var(--line)}
.case-btn{font:inherit;font-size:13px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;gap:6px;
  padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:inherit;text-decoration:none;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,color .16s ease}
.case-btn:hover{transform:translateY(-1px);border-color:rgba(63,91,143,.45);color:var(--blue);box-shadow:0 6px 16px rgba(20,40,70,.08)}
.case-btn:active{transform:translateY(0)}
.case-md{background:rgba(63,91,143,.06)}


.doc-hero{position:relative;margin:14px 0 26px;padding-bottom:22px}
.doc-kicker{display:inline-block;font-size:11.5px;letter-spacing:.26em;color:var(--muted);margin-bottom:10px}
.doc-hero h1{font-size:34px;letter-spacing:.06em;margin:0 0 12px;color:var(--heading)}
.doc-sub{font-size:14.5px;line-height:1.95;color:var(--muted);max-width:640px;margin:0}
.doc-rule{position:absolute;left:0;right:0;bottom:0;height:3px;border-top:1px solid var(--line);border-bottom:1px solid rgba(63,91,143,.28)}
.doc-stamp{position:absolute;right:4px;top:6px;width:78px;height:78px;border-radius:50%;
  border:1.5px solid rgba(63,91,143,.34);color:rgba(63,91,143,.7);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  font-size:11px;letter-spacing:.14em;line-height:1.3;text-align:center;transform:rotate(-6deg)}
.doc-stamp b{font-size:13px;letter-spacing:.2em}
.doc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:6px 0 22px}
.doc-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:26px 24px 22px 30px;border-radius:4px;
  background:linear-gradient(180deg,var(--card),rgba(255,255,255,.35));
  border:1px solid var(--line);text-decoration:none;color:inherit;overflow:hidden;
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 10px 24px rgba(20,40,70,.05);
  transition:transform .22s cubic-bezier(.2,.8,.3,1),box-shadow .22s ease,border-color .22s ease}
.doc-band{position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#3f5b8f,#6b86b6)}
.doc-card.is-soon .doc-band{background:linear-gradient(180deg,#b9bec7,#d5d8de)}
.doc-card.is-live:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,40,70,.13);border-color:rgba(63,91,143,.38)}
.doc-card.is-soon{opacity:.62}
.doc-no{font-size:11.5px;letter-spacing:.3em;color:var(--muted)}
.doc-title{font-size:20px;margin:0;letter-spacing:.02em;color:var(--heading)}
.doc-meta{font-size:12.5px;color:var(--muted);margin:0;letter-spacing:.02em}
.doc-desc{font-size:13.5px;line-height:1.9;color:inherit;opacity:.85;margin:4px 0 0}
.doc-go{font-size:13px;color:#3f5b8f;margin-top:auto;padding-top:10px;transition:transform .2s ease}
.doc-card.is-live:hover .doc-go{transform:translateX(5px)}
.doc-note{font-size:12.5px;line-height:1.9;color:var(--muted);border-top:1px dashed var(--line);padding-top:14px;margin:6px 0 0}
@media (prefers-color-scheme:dark){.doc-card{background:linear-gradient(180deg,var(--card),rgba(255,255,255,.02));box-shadow:none}.doc-stamp{border-color:rgba(127,176,232,.4);color:rgba(127,176,232,.8)}}
@media (max-width:760px){.doc-grid{grid-template-columns:1fr}.doc-stamp{display:none}.doc-hero h1{font-size:27px}}


.doc-page .doc-hero{margin:10px 0 26px;padding-bottom:20px}
.doc-page .doc-hero h1{font-size:32px;letter-spacing:.04em;margin:0 0 10px}
.doc-page .doc-sub{font-size:14px;color:var(--muted);margin:0}
.doc-page .doc-rule{position:absolute;left:0;right:0;bottom:0;height:0;border-top:1px solid var(--line);border-bottom:1px solid rgba(63,91,143,.22);padding-top:3px}
.doc-page .doc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:6px 0 20px}

.doc-page .doc-card{position:relative;display:flex;align-items:flex-start;gap:18px;padding:24px 26px 22px;
  border-radius:2px;background:#fffdf8;border:1px solid #e6e2d8;text-decoration:none;color:inherit;overflow:hidden;
  box-shadow:0 1px 2px rgba(90,80,60,.06),0 12px 26px -14px rgba(60,50,30,.22);
  transition:transform .22s cubic-bezier(.2,.8,.3,1),box-shadow .22s ease,border-color .22s ease}
.doc-page .doc-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#3f5b8f,transparent)}
.doc-page .doc-fold{position:absolute;top:0;right:0;width:26px;height:26px;background:linear-gradient(225deg,transparent 50%,#efece2 50%);
  border-left:1px solid #e6e2d8;border-bottom:1px solid #e6e2d8}
.doc-page .doc-card.is-live:hover{transform:translateY(-4px);border-color:rgba(63,91,143,.4);
  box-shadow:0 2px 4px rgba(90,80,60,.08),0 22px 40px -18px rgba(40,60,100,.35)}
.doc-page .doc-card.is-soon{background:#faf8f2;border-style:dashed;box-shadow:none}

.doc-page .doc-no{flex:none;font-size:34px;line-height:1;letter-spacing:.02em;color:rgba(63,91,143,.42);
  font-variant-numeric:tabular-nums;padding-top:2px}
.doc-page .doc-card.is-soon .doc-no{color:rgba(120,120,120,.35)}
.doc-page .doc-body{display:flex;flex-direction:column;gap:8px;min-width:0}
.doc-page .doc-title{font-size:19px;letter-spacing:.03em;color:var(--heading);border-bottom:1px solid #ece7db;padding-bottom:9px}
.doc-page .doc-meta{font-size:12.5px;color:var(--muted);letter-spacing:.03em}
.doc-page .doc-go{font-size:12.5px;color:#3f5b8f;transition:transform .2s ease}
.doc-page .doc-card.is-live:hover .doc-go{transform:translateX(5px)}
.doc-page .doc-note{font-size:12px;color:var(--muted);border-top:1px dashed var(--line);padding-top:12px;margin:4px 0 0}
@media (prefers-color-scheme:dark){
  .doc-page .doc-card{background:#1a232e;border-color:#2a3542;box-shadow:none}
  .doc-page .doc-fold{background:linear-gradient(225deg,transparent 50%,#232e3a 50%);border-color:#2a3542}
  .doc-page .doc-title{border-bottom-color:#2a3542}
}
@media (max-width:760px){.doc-page .doc-grid{grid-template-columns:1fr}.doc-page .doc-no{font-size:28px}}


.doc-page .doc-card{background:var(--card) !important;border:1px solid var(--line) !important;color:var(--text) !important;
  box-shadow:0 1px 0 rgba(127,127,127,.06),0 12px 26px -18px rgba(20,30,50,.35) !important}
.doc-page .doc-card.is-soon{background:color-mix(in srgb, var(--card) 92%, transparent) !important;border-style:dashed !important;box-shadow:none !important}
.doc-page .doc-card::after{background:linear-gradient(90deg,rgba(63,91,143,.85),transparent) !important}
.doc-page .doc-card.is-soon::after{background:linear-gradient(90deg,rgba(127,127,127,.35),transparent) !important}
.doc-page .doc-fold{background:linear-gradient(225deg,transparent 50%,var(--card) 50%) !important;
  border-left:1px solid var(--line) !important;border-bottom:1px solid var(--line) !important;
  filter:brightness(.94)}
.doc-page .doc-no{color:rgba(63,91,143,.55) !important}
.doc-page .doc-card.is-soon .doc-no{color:var(--muted) !important;opacity:.55}
.doc-page .doc-title{color:var(--heading) !important;border-bottom:1px solid var(--line) !important}
.doc-page .doc-meta,.doc-page .doc-go{color:var(--muted) !important}
.doc-page .doc-card.is-live .doc-go{color:var(--blue) !important}
.doc-page .doc-card.is-live:hover{border-color:rgba(63,91,143,.5) !important;box-shadow:0 2px 4px rgba(20,30,50,.08),0 22px 44px -22px rgba(20,40,80,.45) !important}
@media (prefers-color-scheme:dark){
  .doc-page .doc-no{color:rgba(127,176,232,.62) !important}
  .doc-page .doc-card{box-shadow:0 0 0 1px rgba(255,255,255,.02) inset !important}
}
html[data-theme="dark"] .doc-page .doc-no{color:rgba(127,176,232,.62) !important}
html[data-theme="light"] .doc-page .doc-no{color:rgba(63,91,143,.55) !important}


.doc-page .doc-grid{grid-template-columns:repeat(2,1fr);gap:26px;margin:14px 0 26px;align-items:stretch}
.doc-page .doc-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;
  min-height:330px;padding:24px 26px 20px;border-radius:3px;
  background:var(--card) !important;border:1px solid var(--line) !important;color:var(--text) !important;
  box-shadow:0 1px 1px rgba(20,30,50,.04),0 18px 30px -20px rgba(20,30,50,.42) !important;
  transform:rotate(-.45deg);transition:transform .28s cubic-bezier(.2,.8,.3,1),box-shadow .28s ease,border-color .28s ease}
.doc-page .doc-card:nth-child(2){transform:rotate(.4deg)}
.doc-page .doc-card.is-live:hover{transform:rotate(0deg) translateY(-5px);border-color:rgba(63,91,143,.45) !important;
  box-shadow:0 2px 3px rgba(20,30,50,.06),0 26px 48px -24px rgba(20,40,80,.5) !important}

.doc-page .doc-card::before{content:"司法文件";position:absolute;top:12px;left:26px;
  font-size:10.5px;letter-spacing:.3em;color:var(--muted);opacity:.7;padding-bottom:6px;
  border-bottom:1px solid var(--line);width:calc(100% - 52px)}

.doc-page .doc-num{position:absolute;right:26px;bottom:16px;font-size:11px;letter-spacing:.24em;color:var(--muted);opacity:.7}

.doc-page .doc-fold{width:34px;height:34px;filter:brightness(.9) drop-shadow(-1px 1px 1px rgba(20,30,50,.10))}

.doc-page .doc-no{margin-top:34px;font-size:40px;line-height:1;letter-spacing:.01em;color:rgba(63,91,143,.5) !important}
.doc-page .doc-card.is-soon .doc-no{color:var(--muted) !important;opacity:.5}
.doc-page .doc-body{margin-top:auto;display:flex;flex-direction:column;gap:10px;width:100%}
.doc-page .doc-title{font-size:20px;letter-spacing:.04em;color:var(--heading) !important;padding-bottom:10px;border-bottom:1px solid var(--line)}
.doc-page .doc-meta{font-size:12.5px;color:var(--muted) !important}
.doc-page .doc-go{font-size:12.5px;color:var(--blue) !important;margin-top:2px}
@media (max-width:760px){.doc-page .doc-card{min-height:0;transform:none !important}.doc-page .doc-no{margin-top:26px;font-size:32px}}


.doc-page .doc-grid{grid-template-columns:repeat(2,1fr);gap:26px;margin:14px 0 26px}
.doc-page .doc-card{position:relative;display:flex;flex-direction:column;min-height:320px;padding:26px 26px 20px;
  border-radius:3px;background:var(--card) !important;border:1px solid var(--line) !important;color:var(--text) !important;
  overflow:hidden;box-shadow:0 1px 1px rgba(20,30,50,.04),0 18px 30px -20px rgba(20,30,50,.42) !important;
  transform:rotate(-.4deg);transition:transform .28s cubic-bezier(.2,.8,.3,1),box-shadow .28s ease,border-color .28s ease}
.doc-page .doc-card:nth-child(2){transform:rotate(.35deg)}
.doc-page .doc-card.is-live:hover{transform:rotate(0) translateY(-5px);border-color:rgba(63,91,143,.45) !important}

.doc-page .doc-top{position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#3f5b8f,#7f9ec7)}
.doc-page .doc-card.is-soon .doc-top{background:linear-gradient(90deg,#b98a3c,#d8b878)}

.doc-page .doc-watermark{position:absolute;right:10px;bottom:-14px;font-size:120px;line-height:1;
  color:rgba(63,91,143,.06);font-weight:700;pointer-events:none;user-select:none}
.doc-page .doc-card.is-soon .doc-watermark{color:rgba(185,138,60,.10)}

.doc-page .doc-no{margin-top:22px;font-size:38px;line-height:1;color:rgba(63,91,143,.55) !important;font-variant-numeric:tabular-nums}
.doc-page .doc-card.is-soon .doc-no{color:rgba(185,138,60,.6) !important}
.doc-page .doc-num{position:absolute;right:24px;top:20px;font-size:11px;letter-spacing:.22em;color:var(--muted);opacity:.65}
.doc-page .doc-fold{width:32px;height:32px;filter:brightness(.92)}
.doc-page .doc-body{margin-top:auto;display:flex;flex-direction:column;gap:9px;width:100%;position:relative;z-index:1}
.doc-page .doc-title{font-size:20px;letter-spacing:.04em;color:var(--heading) !important;padding-bottom:9px;border-bottom:1px solid var(--line)}
.doc-page .doc-meta{font-size:12.5px;color:var(--muted) !important}

.doc-page .doc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.doc-page .doc-tags em{font-style:normal;font-size:11px;letter-spacing:.04em;padding:2px 8px;border-radius:999px;
  color:rgba(63,91,143,.85);background:rgba(63,91,143,.09)}
.doc-page .doc-card.is-soon .doc-tags em{color:rgba(150,112,44,.9);background:rgba(185,138,60,.12)}
.doc-page .doc-go{font-size:12.5px;color:var(--blue) !important;margin-top:4px}
.doc-page .doc-card.is-soon .doc-go{color:rgba(150,112,44,.9) !important}
@media (max-width:760px){.doc-page .doc-card{min-height:0;transform:none !important}.doc-page .doc-watermark{font-size:86px}}


.doc-page .doc-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin:12px 0 22px}
.doc-page .doc-card{position:relative;display:flex;align-items:flex-start;gap:16px;min-height:0;padding:20px 22px 18px;
  border-radius:4px;background:var(--card) !important;border:1px solid var(--line) !important;color:var(--text) !important;
  overflow:hidden;transform:none;box-shadow:0 1px 1px rgba(20,30,50,.04),0 10px 20px -16px rgba(20,30,50,.4) !important;
  transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .2s ease,border-color .2s ease}
.doc-page .doc-card.is-live:hover{transform:translateY(-3px);border-color:rgba(63,91,143,.45) !important}
.doc-page .doc-top{position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#3f5b8f,#7f9ec7)}
.doc-page .doc-card.is-soon .doc-top{background:linear-gradient(90deg,#b98a3c,#dcbf88)}
.doc-page .doc-watermark,.doc-page .doc-fold,.doc-page .doc-num,.doc-page .doc-tags{display:none !important}
.doc-page .doc-no{flex:none;margin:6px 0 0;font-size:26px;line-height:1;letter-spacing:.02em;
  color:rgba(63,91,143,.55) !important;font-variant-numeric:tabular-nums}
.doc-page .doc-card.is-soon .doc-no{color:rgba(185,138,60,.65) !important}
.doc-page .doc-body{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.doc-page .doc-title{font-size:17.5px;letter-spacing:.03em;color:var(--heading) !important;padding:0 0 8px;border-bottom:1px solid var(--line)}
.doc-page .doc-meta{font-size:12.5px;color:var(--muted) !important}
.doc-page .doc-go{font-size:12.5px;color:var(--blue) !important;margin-top:2px}
.doc-page .doc-card.is-soon .doc-go{color:rgba(150,112,44,.9) !important}
@media (max-width:760px){.doc-page .doc-grid{grid-template-columns:1fr}}


.doc-page .doc-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin:12px 0 22px}
.doc-page .doc-card{position:relative;display:flex;align-items:stretch;gap:0;padding:0;overflow:hidden;
  border-radius:3px;background:var(--card) !important;border:1px solid var(--line) !important;color:var(--text) !important;
  box-shadow:0 1px 1px rgba(20,30,50,.04),0 10px 22px -18px rgba(20,30,50,.45) !important;
  transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .2s ease,border-color .2s ease}
.doc-page .doc-card.is-live:hover{transform:translateY(-3px);border-color:rgba(63,91,143,.45) !important}

.doc-page .doc-strip{flex:none;width:46px;display:flex;align-items:center;justify-content:center;
  writing-mode:vertical-rl;text-orientation:upright;font-size:17px;letter-spacing:.22em;
  color:#fff;background:linear-gradient(180deg,#3f5b8f,#5a7aa8)}
.doc-page .doc-card.is-soon .doc-strip{background:linear-gradient(180deg,#b98a3c,#cfa964);color:#fff}
.doc-page .doc-main{flex:1;display:flex;flex-direction:column;gap:8px;padding:18px 20px 16px;min-width:0}
.doc-page .doc-head{display:flex;align-items:baseline;gap:10px;white-space:nowrap}
.doc-page .doc-head b{font-size:21px;line-height:1;letter-spacing:.02em;color:rgba(63,91,143,.6);font-variant-numeric:tabular-nums}
.doc-page .doc-card.is-soon .doc-head b{color:rgba(185,138,60,.7)}
.doc-page .doc-head i{font-style:normal;font-size:17px;letter-spacing:.03em;color:var(--heading)}
.doc-page .doc-line{display:block;height:0;border-top:1px solid var(--line)}
.doc-page .doc-facts{font-size:12.5px;line-height:1.7;color:var(--muted)}
.doc-page .doc-causes{display:flex;flex-wrap:wrap;gap:6px}
.doc-page .doc-causes em{font-style:normal;font-size:11px;padding:2px 8px;border-radius:3px;
  color:rgba(63,91,143,.9);background:rgba(63,91,143,.08)}
.doc-page .doc-causes em b{font-weight:600}
.doc-page .doc-card.is-soon .doc-causes em{color:rgba(150,112,44,.95);background:rgba(185,138,60,.12)}
.doc-page .doc-go{font-size:12.5px;color:var(--blue) !important;margin-top:auto}
.doc-page .doc-card.is-soon .doc-go{color:rgba(150,112,44,.95) !important}

.doc-page .doc-foot{position:absolute;right:14px;bottom:10px;font-size:10px;letter-spacing:.22em;color:var(--muted);opacity:.5}
@media (max-width:760px){.doc-page .doc-grid{grid-template-columns:1fr}.doc-page .doc-strip{width:38px;font-size:15px}}


.doc-page .doc-card::before{content:none !important;display:none !important;border:0 !important}
.doc-page .doc-strip{width:48px !important;align-self:stretch !important;min-height:100% !important;padding:14px 0 !important;
  font-size:18px !important;letter-spacing:.24em !important}
.doc-page .doc-head b{font-size:24px !important}
.doc-page .doc-head i{font-size:19.5px !important;font-weight:600;letter-spacing:.02em}
.doc-page .doc-facts{font-size:13px !important}
.doc-page .doc-causes em{font-size:11.5px !important;padding:3px 9px !important}
.doc-page .doc-go{font-size:13px !important}
@media (max-width:760px){.doc-page .doc-strip{width:40px !important}}


.doc-page .doc-card{min-height:0 !important;height:auto !important;align-items:stretch !important}
.doc-page .doc-strip{min-height:0 !important;height:auto !important;align-self:stretch !important;padding:16px 0 !important;
  width:48px !important;font-size:18px !important;letter-spacing:.24em !important}
.doc-page .doc-main{padding:18px 20px 30px !important}
.doc-page .doc-head b{font-size:24px !important}
.doc-page .doc-head i{font-size:19.5px !important;font-weight:600}


.doc-page .doc-card{overflow:hidden !important;border-radius:4px !important}
.doc-page .doc-card::before{content:none !important;display:none !important}
.doc-page .doc-card::after{content:"" !important;position:absolute !important;top:0 !important;right:0 !important;
  width:0 !important;height:0 !important;left:auto !important;bottom:auto !important;
  border-style:solid !important;border-width:0 26px 26px 0 !important;
  border-color:transparent var(--bg) transparent transparent !important;
  filter:drop-shadow(-2px 2px 2px rgba(20,30,50,.18));z-index:3}
.doc-page .doc-card.is-soon::after{border-color:transparent var(--bg) transparent transparent !important}

.doc-page .doc-main{position:relative;z-index:1}
.doc-page .doc-strip{position:relative;z-index:2}
.doc-page .doc-foot{z-index:2}


.doc-page .doc-main{gap:5px !important;padding:15px 18px 13px !important}
.doc-page .doc-head{gap:8px !important;line-height:1.2 !important}
.doc-page .doc-head b{font-size:22px !important}
.doc-page .doc-head i{font-size:18.5px !important}
.doc-page .doc-line{margin:1px 0 !important}
.doc-page .doc-facts{font-size:12.5px !important;line-height:1.55 !important}
.doc-page .doc-causes{gap:5px !important;margin-top:1px !important}
.doc-page .doc-go{font-size:12.5px !important;margin-top:6px !important}
.doc-page .doc-strip{width:44px !important;font-size:16px !important;padding:10px 0 !important}
.doc-page .doc-foot{right:12px !important;bottom:8px !important;font-size:9.5px !important}
.doc-page .doc-grid{gap:16px !important;margin:10px 0 18px !important}


.doc-page .doc-card::after{content:none !important;border:0 !important;display:none !important}

.doc-page .doc-curl{position:absolute;top:0;right:0;width:34px;height:34px;z-index:4;pointer-events:none;
  background:linear-gradient(225deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.55) 42%, rgba(0,0,0,.06) 92%);
  clip-path:polygon(100% 0, 0 0, 100% 100%);
  box-shadow:-3px 3px 6px rgba(20,30,50,.16)}
html[data-theme="dark"] .doc-page .doc-curl,
@media (prefers-color-scheme:dark){.doc-page .doc-curl{background:linear-gradient(225deg,rgba(255,255,255,.16),rgba(255,255,255,.05) 45%,rgba(0,0,0,.28) 92%)}}

.doc-page .doc-curl::after{content:"";position:absolute;inset:0;
  background:linear-gradient(225deg,transparent 46%,rgba(20,30,50,.14) 50%,transparent 54%)}

.doc-page .doc-latest{margin:8px 0 20px}
.doc-page .doc-latest h2{font-size:13px;letter-spacing:.2em;color:var(--muted);font-weight:600;margin:0 0 10px;
  border-bottom:1px solid var(--line);padding-bottom:8px;display:flex;align-items:baseline;gap:10px}
.doc-page .doc-latest h2 span{font-size:11px;letter-spacing:.06em;opacity:.7;font-weight:400}
.doc-page .doc-latest ul{list-style:none;margin:0;padding:0}
.doc-page .doc-latest li{border-bottom:1px dashed var(--line)}
.doc-page .doc-latest li:last-child{border-bottom:0}
.doc-page .doc-latest a{display:flex;align-items:baseline;gap:10px;padding:9px 2px;text-decoration:none;color:inherit;
  transition:color .16s ease,background .16s ease}
.doc-page .doc-latest a:hover{color:var(--blue)}
.doc-page .doc-latest a i{flex:none;width:4px;height:4px;border-radius:50%;background:var(--muted);opacity:.55;transform:translateY(-2px)}
.doc-page .doc-latest a span{flex:1;min-width:0;font-size:13.5px;line-height:1.6;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.doc-page .doc-latest a em{flex:none;font-style:normal;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
@media (max-width:760px){.doc-page .doc-latest a span{white-space:normal}.doc-page .doc-curl{width:26px;height:26px}}


.doc-page .doc-card{position:relative !important;overflow:hidden !important;perspective:900px}

.doc-page .doc-curl{transition:width .28s cubic-bezier(.2,.8,.3,1),height .28s cubic-bezier(.2,.8,.3,1),box-shadow .28s ease}

.doc-page .doc-card::after{content:"" !important;display:block !important;position:absolute !important;inset:0 !important;z-index:3 !important;
  border:0 !important;pointer-events:none;
  background:linear-gradient(105deg, transparent 30%, rgba(255,255,255,.14) 45%, rgba(255,255,255,.55) 62%, rgba(255,255,255,.90) 82%, rgba(255,255,255,.98) 100%);
  transform:translateX(102%) skewX(-6deg);opacity:0;
  transition:transform .62s cubic-bezier(.4,.05,.2,1),opacity .4s ease}
.doc-page .doc-card.is-live:hover::after{transform:translateX(-102%) skewX(-6deg);opacity:1}

.doc-page .doc-card.is-live:hover .doc-curl{width:52px;height:52px;
  box-shadow:-6px 6px 14px rgba(20,30,50,.22)}
.doc-page .doc-card.is-live:hover{transform:translateY(-3px)}
html[data-theme="dark"] .doc-page .doc-card::after,
@media (prefers-color-scheme:dark){.doc-page .doc-card::after{background:linear-gradient(105deg,transparent 30%,rgba(200,220,255,.06) 45%,rgba(200,220,255,.16) 62%,rgba(220,235,255,.24) 82%,rgba(230,240,255,.30) 100%)}}
@media (prefers-reduced-motion:reduce){.doc-page .doc-card::after{transition:none;opacity:0}}


.doc-page .doc-hero h1{position:relative;padding-left:18px;display:flex;align-items:center}
.doc-page .doc-hero h1::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:5px;height:26px;border-radius:2px;background:var(--blue)}
.doc-page .doc-latest h2{position:relative;padding-left:14px}
.doc-page .doc-latest h2::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:4px;height:14px;border-radius:1px;background:var(--blue)}
@media (max-width:760px){.doc-page .doc-hero h1{padding-left:14px}.doc-page .doc-hero h1::before{height:22px;width:4px}}


.doc-page .doc-latest h2::before{display:none !important;content:none !important}
.doc-page .doc-latest h2{padding-left:0 !important}

.doc-page{background:linear-gradient(90deg,transparent 0,var(--card) 7%,var(--card) 93%,transparent 100%) !important;
  border-radius:0 !important}
html[data-theme="dark"] .doc-page,
@media (prefers-color-scheme:dark){.doc-page{background:linear-gradient(90deg,transparent 0,var(--card) 7%,var(--card) 93%,transparent 100%) !important}}

.nav-links{margin-left:auto !important;margin-right:-6px !important;gap:19px !important;justify-content:flex-end}
.nav-links a{white-space:nowrap}
@media (max-width:1180px){.nav-links{gap:15px !important;margin-right:0 !important}}

@media (max-width:760px){
  .doc-page{background:var(--card) !important}
  .doc-page .doc-grid{grid-template-columns:1fr !important;gap:12px !important}
  .doc-page .doc-card{transform:none !important}
  .doc-page .doc-head i{font-size:17px !important}
  .doc-page .doc-head b{font-size:20px !important}
  .doc-page .doc-facts{font-size:12px !important}
  .doc-page .doc-curl{width:26px !important;height:26px !important}
  .doc-page .doc-latest a span{white-space:normal !important;font-size:13px !important}
  .doc-page .doc-latest a em{font-size:11.5px !important}
  .doc-page .doc-hero h1{font-size:26px !important}
}


.doc-page{background:transparent !important;background-image:none !important;box-shadow:none !important}
html[data-theme="dark"] .doc-page,
@media (prefers-color-scheme:dark){.doc-page{background:transparent !important;background-image:none !important}}

.doc-page .doc-latest h2{padding-left:14px !important;border-bottom:1px solid var(--line) !important}
.doc-page .doc-latest h2::before{display:block !important;content:"" !important;position:absolute;left:0;top:50%;
  transform:translateY(-50%);width:4px;height:14px;border-radius:1px;background:var(--blue)}

.nav-links{margin-right:-16px !important}
@media (max-width:1180px){.nav-links{margin-right:-4px !important}}


.doc-page .doc-hero{background:none !important;background-image:none !important;border:0 !important;box-shadow:none !important}
.doc-page .doc-hero .doc-rule{display:block !important}
header .nav-links{margin-right:-24px !important}
@media (max-width:1180px){header .nav-links{margin-right:-8px !important}}


header .nav-links{margin-right:0 !important;gap:14px !important;margin-left:auto !important}
header .nav-links > a,header .nav-links > .nav-item > a{font-size:14px !important}
@media (max-width:1180px){header .nav-links{gap:12px !important}}
.doc-page .doc-latest h2{padding-left:20px !important}
.doc-page .doc-latest h2::before{left:4px !important;width:4px !important;height:15px !important}


.doc-page .doc-latest h2{border-left:0 !important;border-right:0 !important;padding-left:16px !important}
.doc-page .doc-latest h2::before{left:0 !important;width:4px !important;height:15px !important;top:50% !important}


header .nav-links{margin-right:-26px !important;gap:12px !important}
header .nav-links > a,header .nav-links > .nav-item > a{font-size:14.5px !important}
header .nav-links > .nav-item > a{padding:0 1px !important}
@media (max-width:1180px){header .nav-links{gap:11px !important;margin-right:-10px !important}}
@media (max-width:900px){header .nav-links{margin-right:0 !important;gap:10px !important}}


header .container{padding-right:4px !important}
header .nav-links{margin-right:16px !important;margin-left:auto !important;gap:12px !important}
header .nav-links > a,header .nav-links > .nav-item > a{font-size:14.5px !important}
@media (max-width:1180px){header .container{padding-right:12px !important}header .nav-links{margin-right:12px !important;gap:11px !important}}
@media (max-width:900px){header .nav-links{margin-right:0 !important}}


.case-dep{margin:6px 0 16px;padding:10px 14px;border-radius:6px;border-left:3px solid #c0392b;
  background:rgba(192,57,43,.07);color:#a33;font-size:12.5px;line-height:1.8}
.case-dep b{color:#c0392b}
.case-dep a{color:#c0392b;text-decoration:underline}
html[data-theme="dark"] .case-dep,
@media (prefers-color-scheme:dark){.case-dep{background:rgba(220,90,80,.12);color:#f0a8a0;border-left-color:#dc5a50}.case-dep b,.case-dep a{color:#ff8b80}}
.case-table .c-no .dep{display:inline-block;margin-left:6px;font-style:normal;font-size:10px;padding:1px 5px;border-radius:3px;
  background:#c0392b;color:#fff;letter-spacing:.04em;vertical-align:1px}
header .nav-links{margin-right:8px !important}


.case-table .c-title .dep{display:inline-block;margin-left:8px;font-style:normal;font-size:10.5px;line-height:1.5;
  padding:1px 6px;border-radius:3px;background:#c0392b;color:#fff;white-space:nowrap;letter-spacing:.02em;vertical-align:1px}
.case-table .c-no .dep{display:none !important}


header .nav-links a{position:relative}
header .nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentColor;
  transform:scaleX(0);transform-origin:0 50%;transition:transform .26s cubic-bezier(.2,.8,.3,1)}
header .nav-links a:hover::after,header .nav-links a.is-current::after{transform:scaleX(1)}
header .nav-links a.is-current{color:var(--blue) !important}
.case-filters .c-chip b{font-weight:600}


header .nav-links a::after{content:none !important;display:none !important}
header .nav-links a{background-image:linear-gradient(currentColor,currentColor);
  background-repeat:no-repeat;background-position:0 100%;background-size:0% 1px;
  transition:background-size .26s cubic-bezier(.2,.8,.3,1),color .2s ease;padding-bottom:2px}
header .nav-links a:hover,header .nav-links a.is-current{background-size:100% 1px}
header .nav-links a.is-current{color:var(--blue) !important}
header .nav-links a.nav-glow{background-image:linear-gradient(#c8923f,#c8923f)}


header .nav-links > .nav-item > a::after{
  content:"" !important;display:inline-block !important;width:5px !important;height:5px !important;margin-left:6px !important;
  border-right:1.5px solid currentColor !important;border-bottom:1.5px solid currentColor !important;
  background:none !important;background-image:none !important;transform:rotate(45deg) translate(-1px,-1px) !important;
  opacity:.65;transition:transform .6s cubic-bezier(.3,.9,.35,1),opacity .35s !important;position:static !important}
header .nav-links > .nav-item:hover > a::after{transform:rotate(-45deg) translate(0,-2px) scale(1.25) !important;opacity:1}

header .nav-links > a::after{content:none !important;display:none !important}


header .nav-links a{background-image:none !important;background-size:auto !important;padding-bottom:0 !important}
header .nav-links a:hover{background-image:none !important;color:var(--blue)}
header .nav-links a.is-current{color:var(--blue) !important;background-image:none !important}


header .nav-links a,header .nav-links .nav-drop a,header .nav-links a:hover,header .nav-links a.is-current{
  background-image:none !important;background-size:auto !important;text-decoration:none !important}
header .nav-links a{color:var(--muted)}
header .nav-links a:hover{color:var(--blue)}
header .nav-links a.is-current{color:var(--blue) !important}

header .nav-item .nav-drop,header .nav-item.is-plain-drop .nav-drop{
  display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:2px !important;
  min-width:180px !important;padding:8px !important;left:50% !important;transform:translateX(-50%) !important}
header .nav-item .nav-drop a,header .nav-item.is-plain-drop .nav-drop a{
  display:block !important;padding:9px 14px !important;line-height:1.6 !important;border-radius:8px !important;white-space:nowrap !important}


@media (max-width:760px){
  .case-filters.is-years .c-chip.is-extra{display:none}
  .case-filters.is-years.is-open .c-chip.is-extra{display:inline-block}
  .case-filters.is-years .c-more{display:inline-block}
}
.case-filters .c-more{display:none;font:inherit;font-size:12px;cursor:pointer;padding:5px 12px;border-radius:999px;
  border:1px dashed var(--line);background:transparent;color:var(--muted)}


@media (max-width:760px){
  .case-table thead{display:none}
  .case-table, .case-table tbody, .case-table tr, .case-table td{display:block !important;width:auto !important}
  .case-table tr{padding:12px 0 !important;border-bottom:1px solid var(--line) !important;position:relative}
  .case-table td{border:0 !important;padding:0 !important;text-align:left !important;white-space:normal !important}
  .case-table td.c-no{display:inline-block !important;font-size:12px;color:var(--muted);margin-right:8px;min-width:0 !important}
  .case-table td.c-title{display:block !important;font-size:15px;line-height:1.6;margin:2px 0 4px}
  .case-table td.c-title a{display:inline}
  .case-table td.c-cause,.case-table td.c-year{display:inline-block !important;font-size:12px;color:var(--muted)}
  .case-table td.c-cause::before{content:"";}
  .case-table td.c-cause{margin-right:10px}
  .case-table td.c-cause:empty{display:none !important}
  .case-table .c-title .dep{display:inline-block;margin-left:6px;font-size:10px}
  .case-list{overflow-x:visible !important}
}


header .nav-links a.is-current{color:inherit !important}
header .nav-links a.is-current:hover{color:var(--blue) !important}
header .nav-item .nav-drop{position:absolute !important}
header .nav-item .nav-drop::before{content:"" !important;position:absolute !important;left:0 !important;right:0 !important;
  top:-18px !important;height:18px !important;background:transparent !important}
header .nav-item{position:relative}


header .nav-links > .nav-item > a{display:inline-flex !important;align-items:center !important}
header .nav-links > .nav-item > a::after{margin:0 0 0 5px !important;transform:rotate(45deg) translate(-1px,0) !important;
  vertical-align:0 !important;position:relative !important;top:auto !important;flex:none !important}
header .nav-links > .nav-item:hover > a::after{transform:rotate(45deg) translate(-1px,0) scale(1.15) !important;opacity:1 !important}
header .container{padding-right:0 !important}
header .nav-links{margin-right:6px !important}
@media (max-width:1180px){header .nav-links{margin-right:10px !important}header .container{padding-right:10px !important}}


header .nav-links > .nav-item > a::after{margin:0 0 0 5px !important;
  transform:rotate(45deg) translate(-1px,-1px) !important;position:relative !important;top:-1px !important}
header .nav-links > .nav-item:hover > a::after{transform:rotate(225deg) translate(1px,1px) !important;opacity:1 !important}
header .nav-links a:hover,header .nav-links a.is-current:hover{color:var(--blue) !important}
header .nav-item .nav-drop::before{top:-8px !important;height:8px !important}
header .nav-item .nav-drop{transition-delay:0s !important}
header .nav-item:hover .nav-drop{transition-delay:0s !important}


header .nav-item .nav-drop,header .nav-item.is-plain-drop .nav-drop{min-width:168px !important;max-width:250px !important;
  width:auto !important;padding:7px !important}
header .nav-item .nav-drop a{font-size:13.5px !important;padding:8px 12px !important}
header .nav-links > .nav-item > a::after{top:-2px !important}


header .nav-links > .nav-item:hover > a::after{transform:rotate(-45deg) translate(-1px,-1px) !important;opacity:1 !important}


.concepts{margin:56px 0 20px}
.cp-head .cp-title{font-size:22px;font-weight:700;color:var(--heading);margin:0 0 10px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.cp-title .cp-note{font-size:12px;font-weight:400;color:var(--muted);letter-spacing:.04em}
.cp-tip{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 14px}
.cp-tools{margin:0 0 22px}
.cp-tools .case-search{max-width:420px;width:100%}
.concept-group{margin:0 0 30px}
.cg-title{display:flex;align-items:baseline;gap:10px;border-bottom:1px solid var(--line);padding-bottom:8px;margin:0 0 14px}
.cg-title span{font-size:16.5px;font-weight:700;color:var(--heading)}
.cg-title em{font-style:normal;font-size:12px;color:var(--muted)}
.cg-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.concept-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:13px 15px;transition:border-color .2s ease,transform .2s ease}
.concept-card:hover{border-color:var(--blue);transform:translateY(-1px)}
.concept-card .cc-term{font-size:14.5px;font-weight:700;color:var(--heading);margin:0 0 6px;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.concept-card .cc-en{font-size:10.5px;font-weight:400;color:var(--muted);letter-spacing:.03em}
.concept-card .cc-def{font-size:13px;line-height:1.85;color:var(--muted);margin:0}
.cp-src{margin:18px 0 0;font-size:12px;color:var(--muted);border-top:1px dashed var(--line);padding-top:12px}
@media (max-width:760px){.cg-body{grid-template-columns:1fr}.concepts{margin-top:40px}}


.concepts .cp-head,.concepts .concept-group,.concepts .cp-src{background:transparent}
#concepts,#concept-search,.concept-card{scroll-margin-top:90px}


.concepts,.cp-head,.concept-group,.cg-body{position:static !important;z-index:auto !important;
  background:transparent !important;box-shadow:none !important;border-radius:0 !important}
.cp-head{display:block !important;margin:0 0 18px !important;padding:0 !important}
.cp-title{margin:0 0 10px !important}
.cp-tip{margin:0 0 14px !important}
.cp-tools{margin:0 0 8px !important}
.concept-card{background:var(--card) !important;border:1px solid var(--line) !important}


.cp-head{margin:0 0 16px !important}
.cp-title{font-size:26px !important;line-height:1.35 !important;letter-spacing:0 !important;margin:0 0 12px !important;
  padding-left:16px !important;position:relative !important;display:block !important}
.cp-title::before{content:"" !important;position:absolute !important;left:0 !important;top:6px !important;bottom:6px !important;
  width:5px !important;border-radius:2px !important;background:var(--blue) !important}
.cp-title .cp-note{display:inline !important;font-size:12.5px !important;color:var(--muted) !important;margin-left:10px !important;letter-spacing:.02em !important}
.concept-group{margin:0 0 24px !important}
.cg-title{margin:0 0 12px !important}
@media (max-width:760px){.cp-title{font-size:22px !important}}


.concepts .cp-note{font-size:12.5px !important;color:var(--muted) !important;margin:0 0 12px !important;letter-spacing:.02em}
.concepts .cp-tip{font-size:14px !important;line-height:1.9 !important;color:var(--muted) !important;margin:0 0 14px !important}
.concepts .cp-tools{margin:0 0 22px !important}
.concepts .cp-title,.concepts .cp-title::before{display:none !important;content:none !important;background:none !important;width:0 !important}
.concepts .cg-title{border-bottom:1px solid var(--line) !important;padding-bottom:8px !important;margin:26px 0 12px !important;display:flex !important;align-items:baseline !important;gap:10px !important}
.concepts .cg-title span{font-size:16px !important;font-weight:700 !important;color:var(--heading) !important}
.concepts .cg-title em{font-style:normal !important;font-size:12px !important;color:var(--muted) !important}
.concepts .concept-group:first-of-type .cg-title{margin-top:8px !important}


.concept-chip{text-decoration:none !important;cursor:pointer;transition:border-color .2s ease,color .2s ease}
a.concept-chip:hover{color:var(--blue) !important;border-color:var(--blue) !important}
.daily-concept{margin:0 0 20px;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--gold,#c8923f);border-radius:2px 10px 10px 2px}
.daily-concept .dc-lab{margin:0 0 6px;font-size:11px;letter-spacing:.14em;color:var(--muted);font-weight:600}
.daily-concept .dc-term{margin:0 0 6px;font-size:15px;font-weight:700}
.daily-concept .dc-term a{color:var(--heading);text-decoration:none}
.daily-concept .dc-term a:hover{color:var(--blue)}
.daily-concept .dc-en{margin-left:8px;font-size:11px;font-weight:400;color:var(--muted)}
.daily-concept .dc-def{margin:0;font-size:13px;line-height:1.85;color:var(--muted)}


.concepts .article-refs-title{font-size:26px !important;line-height:1.35 !important;margin:0 0 8px !important;gap:12px !important}
.concepts .article-refs-title .sec-en{font-size:12px !important;letter-spacing:.2em !important}
.concepts .cp-note{margin:0 0 6px !important;font-size:13px !important}
.concepts .cp-tip{margin:0 0 10px !important;font-size:14px !important}
.concepts .cp-tools{margin:0 0 12px !important}
.concepts .concept-group:first-of-type .cg-title{margin-top:16px !important}
.concepts .cg-title{margin:20px 0 10px !important}
.concepts .daily-concept{margin:10px 0 14px !important}
@media (max-width:760px){.concepts .article-refs-title{font-size:22px !important}}


.concepts .cp-tools{margin:0 0 4px !important}
.concepts .concept-group{margin:0 0 18px !important}
.concepts .concept-group:first-of-type{margin-top:0 !important}
.concepts .cg-title{margin:8px 0 10px !important}
.concepts .daily-concept{margin:8px 0 10px !important}
.concepts{padding-bottom:0 !important}
.concepts .cp-tip{margin-bottom:8px !important}


.concepts .cp-tools .case-search{margin:0 !important}
.concepts .cp-tools{padding:0 !important;height:auto !important}
.concepts .concept-group:first-of-type{margin-top:0 !important}
.concepts .concept-group:first-of-type .cg-title{margin-top:6px !important}


.concepts .concept-group{padding:0 !important}
.concepts .cg-body{padding:0 !important}
.concepts .daily-concept{padding:14px 16px !important}
.concepts{padding:0 0 8px !important}


.daily-strip{margin:34px auto 6px !important}
.daily-strip .daily-concept{margin:0 !important;padding:15px 18px !important}
.daily-strip .dc-lab{font-size:11px !important}
.daily-strip .dc-term{font-size:16px !important}
.daily-strip .dc-def{font-size:13.5px !important;line-height:1.9 !important}
@media (max-width:760px){.daily-strip{margin:26px auto 4px !important}}


.post-body a.term{color:inherit !important;text-decoration:none !important;border-bottom:1px dashed var(--blue);padding-bottom:1px}
.post-body a.term:hover{color:var(--blue) !important;border-bottom-style:solid}


.cp-pop{position:absolute;z-index:60;max-width:320px;padding:14px 16px;border-radius:12px;background:var(--card);
  border:1px solid var(--line);box-shadow:0 10px 30px rgba(20,30,50,.14);opacity:0;visibility:hidden;
  transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.cp-pop.is-on{opacity:1;visibility:visible;transform:none}
.cp-pop .cp-pop-cat{margin:0 0 6px;font-size:10.5px;letter-spacing:.16em;color:var(--muted);font-weight:600}
.cp-pop .cp-pop-term{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--heading)}
.cp-pop .cp-pop-term span{margin-left:8px;font-size:10.5px;font-weight:400;color:var(--muted)}
.cp-pop .cp-pop-def{margin:0 0 10px;font-size:12.5px;line-height:1.85;color:var(--muted)}
.cp-pop .cp-pop-go{font-size:12.5px;color:var(--blue);text-decoration:none}
.cp-pop .cp-pop-go:hover{text-decoration:underline}
.post-body a.term{cursor:pointer}
a.concept-chip{cursor:pointer}


.concepts #concept-count{display:inline-block;margin-left:10px;font-size:12px;color:var(--muted)}
.concept-card[hidden],.concept-group[hidden]{display:none !important}


.cp-jump{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px !important}
.cp-jump-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--heading);font-size:13.5px;text-decoration:none}
.cp-jump-btn:hover{border-color:var(--blue)}
.cp-jump-btn em{font-style:normal;font-size:11.5px;color:var(--muted)}
.cp-jump-no{display:inline-block;min-width:24px;height:20px;line-height:20px;text-align:center;border-radius:5px;font-size:11px;font-weight:700;color:#fff}
.cp-jump-btn.is-law .cp-jump-no{background:#32689f}
.cp-jump-btn.is-eco .cp-jump-no{background:#c8923f}
.cp-jump-btn.is-both .cp-jump-no{background:linear-gradient(90deg,#32689f 0 50%,#c8923f 50% 100%)}
.concepts .cg-title{display:flex !important;align-items:center !important;gap:10px !important}
.concepts .cg-no{display:inline-block;min-width:26px;height:22px;line-height:22px;text-align:center;border-radius:5px;font-size:11.5px;font-weight:700;color:#fff;background:#32689f}
.concepts .concept-group.is-eco .cg-no{background:#c8923f}
.concepts .concept-group.is-both .cg-no{background:linear-gradient(90deg,#32689f 0 50%,#c8923f 50% 100%)}
.concepts .cg-name{border-bottom:0 !important}
.concepts .concept-group{scroll-margin-top:90px}


.concepts .cp-note{font-size:13.5px !important;color:var(--muted) !important;margin:0 0 14px !important;line-height:1.8 !important}
.cp-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}
.cp-nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);text-decoration:none}
.cp-nav-item:hover{border-color:var(--blue)}
.cp-nav-no{flex:none;width:34px;height:34px;line-height:34px;text-align:center;border-radius:8px;font-size:14px;font-weight:700;color:#fff}
.cp-nav-item.is-law .cp-nav-no{background:#32689f}
.cp-nav-item.is-eco .cp-nav-no{background:#c8923f}
.cp-nav-item.is-both .cp-nav-no{background:linear-gradient(90deg,#32689f 0 50%,#c8923f 50% 100%)}
.cp-nav-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.cp-nav-name{font-size:14.5px;font-weight:700;color:var(--heading);line-height:1.3}
.cp-nav-desc{font-size:11.5px;color:var(--muted);line-height:1.4}
.cp-nav-count{margin-left:auto;flex:none;font-size:12px;color:var(--muted)}
.cp-tools{margin:0 0 20px !important;display:flex !important;align-items:center !important;gap:12px !important}
.cp-tools .case-search{max-width:420px;margin:0 !important}
.concepts .cg-no{background:#32689f}
.concepts .concept-group.is-eco .cg-no{background:#c8923f}
.concepts .concept-group.is-both .cg-no{background:linear-gradient(90deg,#32689f 0 50%,#c8923f 50% 100%)}
@media (max-width:760px){.cp-nav{grid-template-columns:1fr}.cp-nav-desc{display:none}}


.cp-nav-no,.cp-jump-no{background:none !important;border-radius:0 !important;width:auto !important;min-width:0 !important;height:auto !important;line-height:1 !important;
  font-size:32px !important;font-weight:700 !important;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.cp-nav-item.is-law .cp-nav-no,.concepts .concept-group.is-law .cg-no{color:#32689f !important;background:none !important}
.cp-nav-item.is-eco .cp-nav-no,.concepts .concept-group.is-eco .cg-no{color:#c8923f !important;background:none !important}
.cp-nav-item.is-both .cp-nav-no,.concepts .concept-group.is-both .cg-no{background:linear-gradient(90deg,#32689f 0 50%,#c8923f 50% 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent}
.cp-nav-item{gap:14px !important;padding:14px 16px !important}
.cp-nav-body{gap:4px !important}
.cp-nav-name{font-size:15px !important}
.cp-nav-count{font-size:12px !important;align-self:flex-start !important;margin-top:6px !important}
.concepts .cg-no{font-size:26px !important;line-height:1 !important;display:inline-block !important;vertical-align:-2px}
.concepts .cg-title{align-items:baseline !important;gap:12px !important}
.concepts .cg-name{font-size:16.5px !important;font-weight:700 !important}
@media (max-width:760px){.cp-nav-no{font-size:26px !important}.concepts .cg-no{font-size:22px !important}}


.concepts .cg-no{background:none !important;border-radius:0 !important;min-width:0 !important;width:auto !important;height:auto !important;
  padding:0 !important;font-size:26px !important;line-height:1 !important;display:inline-block !important}
.concepts .concept-group.is-law .cg-no{color:#32689f !important}
.concepts .concept-group.is-eco .cg-no{color:#c8923f !important}
.concepts .concept-group.is-both .cg-no{background:linear-gradient(90deg,#32689f 0 50%,#c8923f 50% 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent}


.daily-strip{margin:30px auto 6px !important}
.daily-strip .daily-concept.is-quiet{background:transparent !important;border:0 !important;border-left:2px solid #c8923f !important;
  border-radius:0 !important;padding:2px 0 2px 14px !important;margin:0 !important;max-width:720px}
.daily-strip .is-quiet .dc-lab{display:flex;align-items:center;gap:10px;margin:0 0 6px !important;font-size:11px !important;
  letter-spacing:.16em;color:var(--muted) !important;font-weight:600}
.daily-strip .is-quiet .dc-more{margin-left:auto;font-size:11.5px;letter-spacing:0;color:var(--blue);text-decoration:none;font-weight:400}
.daily-strip .is-quiet .dc-more:hover{text-decoration:underline}
.daily-strip .is-quiet .dc-term{margin:0 0 4px !important;font-size:15px !important;font-weight:700 !important;line-height:1.5}
.daily-strip .is-quiet .dc-term a{color:var(--heading) !important;text-decoration:none}
.daily-strip .is-quiet .dc-term a:hover{color:var(--blue)}
.daily-strip .is-quiet .dc-en{margin-left:8px !important;font-size:10.5px !important;font-weight:400;color:var(--muted)}
.daily-strip .is-quiet .dc-def{margin:0 !important;font-size:13px !important;line-height:1.85 !important;color:var(--muted) !important}
@media (max-width:760px){.daily-strip{margin:24px auto 2px !important}.daily-strip .is-quiet{padding-left:12px !important}}


.concepts{display:block !important;padding:0 !important;margin:0 !important;background:transparent !important;border:0 !important}
.concepts h2{margin-top:8px !important;margin-bottom:18px !important}
.concepts .cp-note{margin:0 0 14px !important;font-size:13.5px !important;color:var(--muted) !important;line-height:1.85 !important}
.daily-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;max-width:720px;
  box-shadow:0 1px 0 rgba(20,30,50,.02)}
.daily-card .dc-head{display:flex;align-items:center;gap:10px;margin:0 0 10px}
.daily-card .dc-tag{display:inline-block;padding:2px 9px;border-radius:999px;background:rgba(200,146,63,.12);
  color:#a2732f;font-size:11.5px;font-weight:600;letter-spacing:.04em}
.daily-card .dc-date{font-size:11.5px;color:var(--muted);letter-spacing:.06em}
.daily-card .dc-term{margin:0 0 8px;font-size:17px;font-weight:700;line-height:1.45}
.daily-card .dc-term a{color:var(--heading);text-decoration:none}
.daily-card .dc-term a:hover{color:var(--blue)}
.daily-card .dc-en{margin-left:9px;font-size:11px;font-weight:400;color:var(--muted);letter-spacing:.03em}
.daily-card .dc-def{margin:0 0 12px;font-size:14px;line-height:1.9;color:var(--muted)}
.daily-card .dc-foot{margin:0;padding-top:12px;border-top:1px dashed var(--line);font-size:12.5px}
.daily-card .dc-foot a{color:var(--blue);text-decoration:none}
.daily-card .dc-foot a:hover{text-decoration:underline}
@media (max-width:760px){.daily-card{padding:15px 16px}.daily-card .dc-term{font-size:16px}}


.daily-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.daily-grid .daily-card{max-width:none;display:flex;flex-direction:column}
.daily-grid .dc-def{flex:1 1 auto}
.daily-card .dc-tag.is-case{background:rgba(50,104,159,.12);color:#2c5a8a}
.daily-card .dc-kw{margin:0 0 8px;font-size:12px;color:var(--muted);letter-spacing:.02em}
@media (max-width:820px){.daily-grid{grid-template-columns:1fr}}


.daily-card .dc-meta{margin:0 0 8px;font-size:12px;color:var(--muted);line-height:1.7}
.daily-card .dc-point{margin:0 0 12px;font-size:13px;line-height:1.85;color:#59606b;background:rgba(50,104,159,.05);border-radius:8px;padding:10px 12px}

html[data-theme="dark"] .daily-card .dc-point{color:#c3c9d2;background:rgba(127,176,232,.10)}
html[data-theme="dark"] .daily-card .dc-point .dc-text{color:#c3c9d2}
.daily-card .dc-point b{display:block;font-size:10.5px;letter-spacing:.16em;color:var(--blue);margin-bottom:5px;font-weight:600}
.daily-card .dc-kw{display:none}
@media (max-width:820px){.daily-card .dc-point{font-size:12.5px}}


.daily-card .dc-point,.daily-card .dc-def{display:-webkit-box !important;-webkit-line-clamp:4 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}
.daily-grid{align-items:stretch !important}
.daily-grid .daily-card{height:100% !important}
.daily-card .dc-foot{margin-top:auto !important}
@media (max-width:820px){.daily-card .dc-point,.daily-card .dc-def{-webkit-line-clamp:6 !important}}


.daily-card .dc-point,.daily-card .dc-def{display:block !important;-webkit-line-clamp:unset !important;-webkit-box-orient:unset !important}
.daily-card .dc-def{max-height:calc(1.9em * 4);overflow:hidden}
.daily-card .dc-point{max-height:calc(1.85em * 5);overflow:hidden}
.daily-card .dc-point::after{content:""}
.daily-card .dc-more{display:block;margin-top:2px;font-size:11.5px;color:var(--muted)}
@media (max-width:820px){.daily-card .dc-def{max-height:none}.daily-card .dc-point{max-height:none}}


.concepts h2{position:relative !important;border-left-color:transparent !important;padding-left:17px !important}
.concepts h2::before{content:"" !important;position:absolute !important;left:0 !important;top:3px !important;bottom:3px !important;
  width:5px !important;border-radius:2px !important;background:var(--blue) !important;transition:background .28s ease,transform .28s ease}
.concepts h2:hover::before{background:linear-gradient(180deg,#32689f 0%,#32689f 45%,#c8923f 100%) !important}
.concepts h2 .sec-en{transition:color .28s ease}
.concepts h2:hover .sec-en{color:#c8923f !important}


.daily-col{display:flex;flex-direction:column;min-width:0}
.daily-col .daily-card{height:100%}
.dc-side{display:flex;align-items:center;gap:7px;margin:0 0 8px !important;font-size:12px !important;font-weight:600 !important;
  letter-spacing:.04em;color:var(--heading) !important}
.dc-side span{margin-left:auto;font-size:10.5px;font-weight:400;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
.dc-dot{flex:none;width:6px;height:6px;border-radius:50%;display:inline-block}
.dc-dot.is-eco{background:#c8923f}
.dc-dot.is-case{background:#32689f}
@media (max-width:820px){.dc-side span{display:none}}


.concepts h2{border-left:5px solid var(--blue) !important;padding-left:12px !important;
  margin-top:8px !important;margin-bottom:22px !important;position:relative !important}
.concepts h2::before{content:none !important;display:none !important}
.concepts h2 .sec-en{color:var(--muted) !important}
.concepts h2:hover .sec-en{color:var(--muted) !important}


.daily-card .dc-def,.daily-card .dc-point{max-height:none !important;overflow:visible !important}
.dc-text{display:-webkit-box !important;-webkit-box-orient:vertical !important;overflow:hidden !important}

.daily-card .dc-def .dc-text{-webkit-line-clamp:6 !important}
.daily-card .dc-point .dc-text{-webkit-line-clamp:5 !important}
@media (max-width:820px){.daily-card .dc-def .dc-text,.daily-card .dc-point .dc-text{-webkit-line-clamp:8 !important}}


section.container.concepts{max-width:1000px !important;margin:0 auto !important;padding:0 20px !important;display:block !important;
  background:transparent !important;border:0 !important}
@media (max-width:760px){section.container.concepts{padding:0 16px !important}}
.concepts h2{display:block !important}


.daily-grid{align-items:stretch !important}
.daily-col{height:100% !important;display:flex !important;flex-direction:column !important}
.daily-col .daily-card{flex:1 1 auto !important;height:auto !important;min-height:0 !important;display:flex !important;flex-direction:column !important}
.daily-col .dc-foot{margin-top:auto !important}
.daily-col .dc-def,.daily-col .dc-point{flex:0 1 auto}


.article-concepts{margin:28px 0 0}
.concept-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.concept-chip{display:inline-block;padding:4px 11px;border:1px solid var(--line);border-radius:999px;
  font-size:12.5px;color:var(--muted);text-decoration:none;transition:color .2s ease,border-color .2s ease}
.daily-case{border-left-color:var(--blue)}

.daily-card{border-left-width:3px}
.daily-card.is-law{border-left-color:#32689f}
.daily-card.is-eco{border-left-color:#c8923f}
.daily-card.is-both{position:relative;border-left-color:transparent}
.daily-card.is-both::before{content:"";position:absolute;left:-1px;top:12px;bottom:12px;width:3px;border-radius:3px;background:linear-gradient(180deg,#32689f,#c8923f)}
.daily-card.is-law .dc-tag{background:rgba(50,104,159,.10);color:#32689f}
.daily-card.is-eco .dc-tag{background:rgba(200,146,63,.12);color:#a2732f}
.daily-card.is-both .dc-tag{background:linear-gradient(90deg,rgba(50,104,159,.12),rgba(200,146,63,.18));color:#8a6a2f}
html[data-theme=dark] .daily-card.is-law .dc-tag{background:rgba(127,176,232,.14);color:#9fc3ea}
html[data-theme=dark] .daily-card.is-eco .dc-tag{background:rgba(232,192,122,.16);color:#e8c07a}
html[data-theme=dark] .daily-card.is-both .dc-tag{background:linear-gradient(90deg,rgba(127,176,232,.16),rgba(232,192,122,.18));color:#e0c08a}

.mb-draw-t{position:static;transform:none;bottom:auto;font-size:15px;font-weight:800;letter-spacing:.02em;color:inherit}

.concept-page{max-width:860px;margin:0 auto;padding:0 20px}
.concept-page .post-meta{font-size:13px;color:var(--muted);margin:18px 0 0}
.concept-page .post-meta a{color:var(--muted);text-decoration:none}
.concept-page .post-meta a:hover{color:var(--blue)}
.cp-crumb-sep{opacity:.5}
.cp-hero{position:relative;margin:14px 0 0;padding:26px 26px 22px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(50,104,159,.06),rgba(50,104,159,0))}
.cp-hero:after{content:"";position:absolute;right:-60px;bottom:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(50,104,159,.14),transparent 70%);pointer-events:none}
.cp-hero.is-both{background:linear-gradient(180deg,rgba(200,146,63,.08),rgba(200,146,63,0))}
.cp-chip{display:inline-block;padding:3px 11px;border:1px solid rgba(50,104,159,.28);border-radius:999px;font-size:12px;letter-spacing:.08em;color:#32689f;background:rgba(50,104,159,.06)}
.cp-hero.is-both .cp-chip{color:#8a5a18;border-color:rgba(200,146,63,.35);background:rgba(200,146,63,.08)}
.cp-term{font-size:40px;line-height:1.2;letter-spacing:.02em;margin:12px 0 6px}
.cp-en{font-size:14.5px;letter-spacing:.07em;color:var(--muted);margin:0}
.cp-def-box{margin:20px 0 0;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.5)}
html[data-theme=dark] .cp-def-box{background:rgba(255,255,255,.03)}
.cp-sub{font-size:12px;letter-spacing:.16em;color:var(--muted);margin:0 0 10px}
.cp-def{font-size:16.5px;line-height:2.05;margin:0}
.cp-tools{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 4px}
.cp-btn{display:inline-block;padding:7px 14px;border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--muted);background:transparent;text-decoration:none;cursor:pointer;transition:color .2s ease,border-color .2s ease}
.cp-btn:hover{color:var(--blue);border-color:rgba(50,104,159,.35)}
.cp-sect-title{font-size:15px;letter-spacing:.1em;margin:22px 0 10px;padding-left:10px;border-left:3px solid var(--blue)}

.concept-page > .cp-sect-title::after{display:none !important}
.cp-rel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cp-rel-card{display:flex;flex-direction:column;gap:5px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:inherit;transition:border-color .2s ease,transform .2s ease}
.cp-rel-card:hover{border-color:rgba(50,104,159,.4);transform:translateY(-1px)}
.cp-rel-term{font-weight:600;font-size:15px}
.cp-rel-en{font-size:12.5px;color:var(--muted);letter-spacing:.04em}
.cp-arts{margin:0;padding-left:18px;line-height:1.9;font-size:14.5px}
.cp-arts a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}
.cp-arts a:hover{color:var(--blue)}
.cp-note-line{margin:26px 0 0;font-size:13px;color:var(--muted)}
.cp-note-line a{color:var(--blue);text-decoration:none}
.cp-pager{display:flex;justify-content:space-between;gap:16px;margin:24px 0 40px;padding-top:18px;border-top:1px dashed var(--line)}
.cp-pager a{color:var(--muted);text-decoration:none;font-size:14px}
.cp-pager a:hover{color:var(--blue)}
.cc-term a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease,color .2s ease}
.cc-term a:hover{color:var(--blue);border-bottom-color:rgba(50,104,159,.4)}
@media (max-width:640px){.cp-term{font-size:30px}.cp-hero{padding:20px}.cp-def-box{padding:18px}.cp-rel-grid{grid-template-columns:1fr}}
.concept-card.concept-flash{border-color:var(--blue);box-shadow:0 0 0 6px rgba(50,104,159,.26),0 0 0 12px rgba(50,104,159,.10);animation:bookPop 2.6s cubic-bezier(.22,.61,.36,1)}
@media (prefers-reduced-motion: reduce){.concept-card.concept-flash{animation:none}}
.cc-go{display:inline-block;margin-top:10px;font-size:12.5px;letter-spacing:.02em;color:var(--blue);text-decoration:none;border-bottom:1px solid rgba(50,104,159,.35)}
.cc-go:hover{border-bottom-color:var(--blue)}
.cp-law{margin:6px 0 0;padding:0}
.cp-law .cp-sect-title{margin-top:20px}
.cp-law-card{margin:0;padding:18px 20px;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:12px;background:rgba(50,104,159,.035)}
.cp-law-card blockquote{margin:0;font-size:14.5px;line-height:1.95}
.cp-cases{margin:0;padding-left:18px;line-height:1.9;font-size:14.5px}
.cp-cases a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}
.cp-cases a:hover{color:var(--blue)}
.cp-books{margin:0;padding-left:18px;line-height:1.9;font-size:14.5px}
.cp-books a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}
.cp-books a:hover{color:var(--blue)}
.csub{margin:8px 0 0;padding:10px 12px 12px;border:1px dashed rgba(50,104,159,.30);border-radius:16px;background:rgba(50,104,159,.018)}

.csub.is-law{border-color:rgba(50,104,159,.32);background:rgba(50,104,159,.02)}
.csub.is-eco{border-color:rgba(214,158,70,.62);background:rgba(214,158,70,.045)}

.csub.is-both{border:1px solid transparent;background:linear-gradient(rgba(240,236,227,.97),rgba(240,236,227,.97)) padding-box,linear-gradient(120deg,#32689f 0%,#8f7fa0 50%,#c8923f 100%) border-box}
html[data-theme=dark] .csub.is-law{background:rgba(127,176,232,.05);border-color:rgba(127,176,232,.32)}
html[data-theme=dark] .csub.is-eco{background:rgba(240,200,130,.06);border-color:rgba(240,200,130,.72)}
html[data-theme=dark] .csub.is-both{background:linear-gradient(rgba(19,28,43,.97),rgba(19,28,43,.97)) padding-box,linear-gradient(120deg,#7fb0e8 0%,#a99ad0 50%,#e8c07a 100%) border-box}

.case-search{background-color:rgba(255,255,255,.72);color:var(--text,#1f2937)}
html[data-theme=dark] .case-search{background-color:rgba(255,255,255,.05);color:#e8eef7}
.csub .cg-body{gap:10px}
.csub .concept-card{margin:0}
.csub.is-law .concept-card{border-color:rgba(50,104,159,.22) !important}
.csub.is-law .concept-card:hover{border-color:rgba(50,104,159,.55) !important;box-shadow:0 8px 20px rgba(50,104,159,.12)}
html[data-theme=dark] .csub.is-law .concept-card{border-color:rgba(127,176,232,.26) !important}
html[data-theme=dark] .csub.is-law .concept-card:hover{border-color:rgba(127,176,232,.60) !important;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.csub-title{display:flex;align-items:baseline;gap:10px;margin:0 0 8px;font-size:16px;font-weight:600}
.csub-title:before{content:"";width:3px;height:14px;border-radius:2px;background:var(--blue);transform:translateY(1px)}
.csub-title em{font-style:normal;font-weight:400;font-size:12.5px;color:var(--muted);letter-spacing:.04em}
.csub-name{font-size:16px;font-weight:600;letter-spacing:.02em}
.cp-law-card figcaption{margin-top:10px;font-size:12.5px;color:var(--muted)}




.case-meta{margin:0 0 14px;font-size:12.5px;color:var(--muted);letter-spacing:.03em}
.sfjs-status{margin:0 0 18px;padding:10px 14px;border-radius:10px;background:rgba(47,122,95,.08);border:1px solid rgba(47,122,95,.22);font-size:12.5px;line-height:1.8;color:#2c5f4a}
.sfjs-status b{color:#2f7a5f}
.sfjs-body p{line-height:1.95;margin:0 0 12px;text-align:justify}
.sfjs-body p:nth-child(-n+2){color:var(--muted);font-size:13.5px}
.case-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.case-btn{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:13px;text-decoration:none;color:var(--heading)}
.case-btn:hover{border-color:var(--blue);color:var(--blue)}
.sfjs-note{font-size:13px;line-height:1.85;color:var(--muted);margin:0 0 18px;padding:12px 14px;border-left:3px solid rgba(47,122,95,.45);background:rgba(47,122,95,.05);border-radius:0 10px 10px 0}
.sfjs-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px}
.sfjs-q{flex:1 1 220px;min-width:0;padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:var(--card);font-size:14px;color:var(--heading)}
.sfjs-q:focus{outline:none;border-color:var(--blue)}
.sfjs-sel{padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--card);font-size:13.5px;color:var(--heading)}
.sfjs-count{font-size:12.5px;color:var(--muted)}
.sfjs-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.sfjs-row{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border-radius:10px;border:1px solid transparent}
.sfjs-row:hover{background:rgba(50,104,159,.05);border-color:var(--line)}
.sfjs-row a{font-size:14.5px;line-height:1.6;text-decoration:none;color:var(--heading)}
.sfjs-row a:hover{color:var(--blue)}
.sfjs-meta{font-size:12px;color:var(--muted)}
.sfjs-row.is-hide{display:none}
html[data-theme="dark"] .sfjs-status{background:rgba(47,122,95,.16);border-color:rgba(120,200,165,.28);color:#a8d8c1}
html[data-theme="dark"] .sfjs-status b{color:#8fd0b2}
html[data-theme="dark"] .sfjs-note{background:rgba(47,122,95,.12);color:#b9c6c1}
@media (max-width:640px){.sfjs-bar{gap:8px}.sfjs-q{flex:1 1 100%}.sfjs-sel{flex:1 1 auto}.sfjs-row{padding:10px 6px}}



.rev-check{font-size:12px;color:var(--muted);margin:0 0 12px;letter-spacing:.02em}
.sfjs-meta-line{margin:0 0 14px;font-size:12.5px;color:var(--muted);letter-spacing:.03em}
.sfjs-badge{display:inline-block;padding:1px 8px;border-radius:999px;background:rgba(47,122,95,.10);color:#2f7a5f;font-size:11px;font-style:normal;letter-spacing:.04em;margin-right:2px}
.sfjs-row{display:flex;align-items:flex-start;gap:14px}
.sfjs-no{flex:0 0 auto;min-width:34px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;padding-top:3px}
.sfjs-item{display:flex;flex-direction:column;gap:4px;min-width:0}
.sfjs-t{font-size:14.5px;line-height:1.65;text-decoration:none;color:var(--heading)}
.sfjs-t:hover{color:var(--blue)}
.sfjs-meta{font-size:12px;color:var(--muted);line-height:1.6}
html[data-theme="dark"] .sfjs-badge{background:rgba(127,200,166,.14);color:#8fd0b2}
@media (max-width:640px){.sfjs-row{gap:10px}.sfjs-no{min-width:30px}.sfjs-t{font-size:14px}}


.sfjs-page{max-width:none}


.case-tag,.sfjs-badge{display:inline-block;font-size:11.5px;line-height:1.65;padding:2px 10px;border-radius:999px;letter-spacing:.05em;text-decoration:none}
.case-tag{background:rgba(50,104,159,.10);color:#32689f}
.doc-meta-line{margin:2px 0 10px;font-size:12.5px;color:var(--muted);letter-spacing:.02em}
.sfjs-inline-fs{font-size:11.5px;color:var(--muted)}
html[data-theme="dark"] .case-tag{background:rgba(127,176,232,.14);color:#9fc3ea}
html[data-theme="dark"] .doc-page .doc-card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)) !important;border-color:rgba(148,170,196,.20) !important;box-shadow:0 16px 34px -24px rgba(0,0,0,.85) !important}
html[data-theme="dark"] .doc-page .doc-card.is-live:hover{border-color:rgba(127,176,232,.45) !important;box-shadow:0 22px 44px -24px rgba(0,0,0,.95) !important}
html[data-theme="dark"] .doc-page .doc-strip{background:linear-gradient(180deg,#4a648c,#5f7ba8);color:#e8f0fb}
html[data-theme="dark"] .doc-page .doc-curl{filter:saturate(.9)}
html[data-theme="dark"] .doc-page .doc-causes em{background:rgba(127,176,232,.10);color:#9fb8d4}
html[data-theme="dark"] .doc-page .doc-head b{color:rgba(159,195,234,.78)}


.doc-page .doc-h1{font-size:32px;letter-spacing:.04em;margin:0 0 10px}
.doc-page .lead{font-size:14px;color:var(--muted);line-height:1.9;margin:0 0 24px}
.case-row-meta{display:block;margin-top:3px;font-size:12px;color:var(--muted)}
.case-row-meta .dep{color:#b45309;font-style:normal;font-size:11px}
.doc-page .case-table thead th:nth-child(3),.doc-page .case-table thead th:nth-child(4){display:none}
.doc-page .case-table td.c-cause,.doc-page .case-table td.c-year{display:none}
.doc-page .case-table tbody tr{border-top:1px solid var(--line)}
.doc-page .case-table tbody tr:first-child{border-top:0}
html[data-theme="dark"] .case-row-meta .dep{color:#e8c07a}


@media (max-width:480px){
  footer a{display:inline;padding:0;min-height:0;line-height:inherit}
  .footer-links a,.follow-strip a,.foot a{display:inline-block;padding:7px 6px;min-height:32px;line-height:18px}
  .footer-beian{line-height:2.1;margin-top:8px}
  .footer-beian a{padding:2px 3px;line-height:1.8}
  .footer-inner p{margin:6px 0 0}
}


.daily-card{overflow:hidden}
.daily-card.is-both::before{left:-1px;top:-1px;bottom:-1px;width:3px;border-radius:0;background:linear-gradient(180deg,#32689f,#c8923f)}


.daily-card{overflow:visible}
.daily-card.is-both::before{content:none;display:none}
.daily-card.is-both{
  background:linear-gradient(180deg,#32689f,#c8923f) left top/3px 100% no-repeat,var(--card);
  padding-left:23px}


.daily-card.is-both{position:relative;background:var(--card);border-color:transparent;padding-left:20px}
.daily-card.is-both::before{content:none;display:none}
.daily-card.is-both::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;
  background:linear-gradient(180deg,#32689f,#c8923f);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}


.daily-card.is-both{border-left:3px solid transparent;
  background:linear-gradient(180deg,#32689f,#c8923f) left top/3px 100% no-repeat,var(--card);
  padding-left:20px}
.daily-card.is-both::before,.daily-card.is-both::after{content:none;display:none}


.daily-card.is-both{border-left:3px solid transparent;
  background:linear-gradient(var(--card),var(--card)) padding-box,
             linear-gradient(180deg,#32689f,#c8923f) border-box}
.daily-card.is-both::before,.daily-card.is-both::after{content:none;display:none}


.data-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0 6px}
.data-stats div{border-top:2px solid var(--line);padding-top:10px}
.data-stats b{display:block;font-size:26px;line-height:1.2;font-weight:600;color:var(--heading);font-variant-numeric:tabular-nums}
.data-stats span{font-size:12px;color:var(--muted)}
.data-page h2{font-size:17px;margin:32px 0 10px}
.data-page ul{margin:0 0 14px;padding-left:20px;line-height:1.95}
.data-page li{margin:0 0 6px}
.data-label{font-size:12px;letter-spacing:.08em;color:var(--muted);margin:18px 0 6px}
.data-cite{background:rgba(127,127,127,.07);border:1px solid var(--line);border-radius:6px;padding:12px 14px;
  font-size:12.5px;line-height:1.8;overflow:auto;white-space:pre;margin:0 0 10px}
.data-page code{font-size:12px;background:rgba(127,127,127,.10);padding:1px 5px;border-radius:3px}
@media (max-width:640px){.data-stats{grid-template-columns:repeat(2,1fr)}.data-cite{font-size:11.5px}}


.data-log{margin:0 0 14px;padding-left:20px}


.data-page .doc-hero{margin-bottom:18px}
.data-page .doc-hero h1{letter-spacing:.02em}
.data-stats-hero{margin:20px 0 6px}
.data-stats-hero div{border-top:2px solid var(--heading);padding-top:12px}
.data-stats-hero b{font-size:30px}
.data-sec{margin:38px 0 0;padding-top:2px;border-top:1px solid var(--line)}
.data-sec h2{font-size:19px;margin:24px 0 12px;letter-spacing:.01em}
.data-sec-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:24px 0 8px}
.data-sec-head h2{margin:0}
.data-sec-head .case-btn{font-size:12.5px;padding:7px 15px;white-space:nowrap}
.data-note{font-size:13px;line-height:1.95;color:var(--muted)}
.data-cite-label{font-size:11.5px;letter-spacing:.1em;color:var(--muted);margin:20px 0 6px}
.data-page .data-cite{margin-bottom:4px}
@media (max-width:640px){
  .data-stats-hero b{font-size:24px}
  .data-sec-head{align-items:flex-start}
  .data-sec-head .case-btn{width:100%;justify-content:center}
}


.data-guide{margin:14px 0 4px}
.data-actions{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 12px}
.data-dev{margin:12px 0 0;border-top:1px dashed var(--line);padding-top:10px}
.data-dev summary{cursor:pointer;font-size:13px;color:var(--muted);list-style-position:inside}
.data-dev summary:hover{color:var(--blue)}
.data-dev p{margin:10px 0 8px;font-size:13px;line-height:1.9;color:var(--muted)}
@media (max-width:640px){.data-actions .case-btn{width:100%;justify-content:center}}

.data-copy{cursor:pointer}


.gh-inline{display:inline-flex;align-items:center;gap:6px}
.gh-inline svg{display:block;opacity:.85}
.gh-inline:hover svg{opacity:1}

.data-jump{font-size:13px;color:var(--blue);text-decoration:none}
.data-jump:hover{text-decoration:underline}


.data-sec{margin:24px 0 0;padding-top:0}
.data-sec h2{margin:16px 0 8px}
.data-sec-head{margin:16px 0 4px}
.data-sec .data-stats{margin:10px 0 4px}
.data-page .doc-note{margin-top:14px}


.data-page .data-sec{padding:0;margin:24px 0 0}



.archive-page .archive-hero{margin:6px 0 30px;padding:26px 30px 24px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(178,59,59,.05),rgba(178,59,59,0));}
.archive-kicker{font-size:12.5px;letter-spacing:.12em;color:#b23b3b;margin:0 0 8px;}
.archive-title{font-size:34px;line-height:1.25;margin:0 0 10px;color:var(--heading);letter-spacing:.02em;}
.archive-sub{max-width:760px;font-size:14px;line-height:1.85;color:var(--muted);margin:0;}
.archive-stats{display:flex;gap:38px;margin-top:20px;}
.archive-stat b{display:block;font-size:30px;line-height:1.1;color:#b23b3b;}
.archive-stat span{font-size:12.5px;color:var(--muted);}
.archive-sec{margin-top:38px;}
.archive-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;border-bottom:2px solid rgba(178,59,59,.28);padding-bottom:8px;margin-bottom:10px;}
.archive-head h2{margin:0;font-size:22px;color:var(--heading);}
.archive-head span{font-size:12.5px;color:#b23b3b;}
.archive-note{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 14px;}
.archive-card{border:1px solid var(--line);border-left:3px solid #b23b3b;background:var(--card);border-radius:10px;padding:14px 18px 12px;margin:12px 0;}
.archive-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.archive-badge{display:inline-block;font-size:12px;color:#b23b3b;border:1px solid rgba(178,59,59,.38);background:rgba(178,59,59,.07);padding:2px 9px;border-radius:999px;white-space:nowrap;}
.archive-no{font-size:12px;color:var(--muted);}
.archive-card h3{margin:9px 0 5px;font-size:16.5px;line-height:1.55;color:var(--heading);}
.archive-meta{font-size:12.5px;color:var(--muted);margin:2px 0;}
.archive-basis{font-size:13px;line-height:1.8;margin:7px 0 4px;color:var(--text);}
.archive-basis a{color:var(--blue);}
.archive-links{display:flex;gap:16px;margin-top:6px;font-size:13px;}
.archive-links a{color:var(--blue);}
.archive-card details{margin-top:8px;}
.archive-card summary{cursor:pointer;font-size:13px;color:var(--blue);}
.archive-body{margin-top:10px;font-size:14px;line-height:1.85;color:var(--text);}
.archive-body p{margin:0 0 10px;}
.archive-footer{margin-top:28px;font-size:13px;color:var(--muted);}
@media (max-width:640px){.archive-hero{padding:20px}.archive-title{font-size:27px}.archive-stats{gap:22px}.archive-stat b{font-size:25px}}

.archive-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;}
.archive-actions .case-btn{font-size:12.5px;padding:4px 13px;}

.archive-copy,.archive-dl{cursor:pointer}

.archive-hint{color:#c0564f !important}
.archive-hint:hover{color:#a8413a !important}
html[data-theme="dark"] .archive-hint{color:#ff9a90 !important}


.social-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.social-label{color:var(--muted)}
.social-link{display:inline-flex;align-items:center;gap:6px;color:var(--blue);text-decoration:none;font-weight:400}
.social-link svg{width:17px;height:17px;flex:none}
.social-link:hover{text-decoration:underline}
@media (max-width:640px){.social-line{gap:6px 14px}.social-link{font-size:13.5px}}


@media (max-width:480px){
  .footer-beian{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 10px;line-height:1.7}
  .footer-beian a{white-space:nowrap;padding:2px 0}
  .footer-beian .beian-ga{margin-left:0}
  .footer-inner p{margin:4px 0 0}
  .footer-hand{margin-top:6px}
}


.cp-total{margin:14px 0 10px;color:var(--muted)}
.cp-total .res-total-num{font-size:28px;line-height:1;font-weight:800;color:#1f5f9e;margin:0 4px;vertical-align:-2px}
html[data-theme="dark"] .cp-total .res-total-num{color:#8bc4ff}


section[id],article[id],h2[id],h3[id]{scroll-margin-top:96px}


@media (max-width:820px){
  .res-drawer{grid-template-columns:40px minmax(0,1fr) 18px;grid-auto-rows:auto;align-items:start}
  .res-drawer-no{grid-column:1;grid-row:1;align-self:center}
  .res-drawer-name{grid-column:2;grid-row:1;align-self:center}
  .res-drawer-go{grid-column:3;grid-row:1;align-self:center}
  .res-drawer-icons{display:flex;grid-column:2;grid-row:2;flex-wrap:wrap;overflow:visible;gap:5px;margin-top:3px}
  .res-drawer-icons img{width:15px;height:15px}
  .res-drawer-count{grid-column:2;grid-row:3;font-size:11.5px;margin-top:2px}
}