/* 银河游机队 · 公共样式（前台 / 文章页 / 后台共用）· 线条扁平风 */
:root{
  --bg:#fdf7ec;
  --ink:#2b2d42; --ink-soft:#7a7d95;
  --edge:#2b2d42;                 /* 描边线条色 */
  --cyan:#2f80c9; --pink:#ef6f7c; --violet:#8a6ddf; --mint:#2a9d6f; --red:#e04f45; --orange:#e48a24; --yellow:#ffd166;
  --f-sky:#bfe3f5; --f-pink:#ffd3d6; --f-yellow:#ffe7a3; --f-mint:#c6eedb; --f-lilac:#dcd2fb; /* 扁平填充色 */
  --card:#ffffff; --solid:#ffffff; --line:rgba(43,45,66,.16);
  --drop:#2b2d42;                 /* 扁平投影色 */
  --glow:0 0 0 3px rgba(47,128,201,.18);
  --shadow:3px 3px 0 var(--drop);
  --doodle:rgba(43,45,66,.5);
  color-scheme:light;
}
[data-theme="dark"]{
  --bg:#1f2238;
  --ink:#f3ead8; --ink-soft:#a3a6c2;
  --edge:#f3ead8;
  --cyan:#7cc3f2; --pink:#ff9aa4; --violet:#b8a3ff; --mint:#6fd6a6; --red:#ff7a70; --orange:#ffb35c; --yellow:#ffd166;
  --f-sky:#2c4a66; --f-pink:#5a3346; --f-yellow:#5b4a24; --f-mint:#244c40; --f-lilac:#3d3666;
  --card:#2a2e4b; --solid:#2a2e4b; --line:rgba(243,234,216,.18);
  --drop:#0f1122;
  --glow:0 0 0 3px rgba(124,195,242,.22);
  --doodle:rgba(243,234,216,.42);
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%}
body{font-family:"Nunito","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);overflow-x:hidden}
a{color:inherit}
.cute{font-family:"ZCOOL KuaiLe","Nunito",sans-serif}
.hidden{display:none!important}

/* 背景层：线条小星球 + 画布里飘的小涂鸦 */
#fx{position:fixed;inset:0;z-index:0;pointer-events:none}
.planet{position:fixed;right:-46px;top:84px;width:190px;height:190px;z-index:0;pointer-events:none;animation:planet 9s ease-in-out infinite alternate}
.planet::before{content:"";position:absolute;inset:0;border-radius:50%;border:2.5px solid var(--edge);
  background:var(--f-yellow);box-shadow:inset -22px -16px 0 rgba(0,0,0,.05)}
.planet::after{content:"";position:absolute;left:-30%;right:-30%;top:40%;height:20%;border-radius:50%;
  border:2.5px solid var(--edge);border-top-color:transparent;transform:rotate(-14deg)}
.planet i{position:absolute;border:2.5px solid var(--edge);border-radius:50%;background:var(--bg)}
.planet i:nth-child(1){width:30px;height:30px;left:42px;top:40px}
.planet i:nth-child(2){width:16px;height:16px;left:110px;top:118px}
.planet i:nth-child(3){width:12px;height:12px;left:120px;top:44px}
@keyframes planet{to{transform:translateY(18px) rotate(6deg)}}

/* 通用部件 */
.wrap{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:26px 20px 80px}
.top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}
.pill{font-size:13px;font-weight:800;color:var(--ink);background:var(--card);padding:7px 14px;border-radius:999px;border:2px solid var(--edge);display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:transform .2s,box-shadow .2s}
a.pill:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow)}
.led{width:8px;height:8px;border-radius:50%;background:var(--mint);flex:none}
.theme-btn{border:2px solid var(--edge);background:var(--card);width:42px;height:42px;border-radius:14px;font-size:18px;cursor:pointer;transition:transform .2s,box-shadow .2s;color:var(--ink);flex:none}
.theme-btn:hover{transform:translate(-2px,-2px) rotate(-8deg);box-shadow:var(--shadow)}
footer.foot{position:relative;z-index:1;text-align:center;color:var(--ink-soft);font-size:13px;padding:0 16px 30px}

@media (max-width:600px){
  .wrap{padding:18px 16px 60px}
  .planet{width:96px;height:96px;right:-30px;top:auto;bottom:70px;opacity:.85}
  .planet i{display:none}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}