/* base.css — WEBTOON × jciyuan 高保真设计系统 · 基础层 */
:root{
  /* WEBTOON 品牌绿 */
  --green:#00dc64;--green-dark:#00b453;--green-soft:#e6faf0;
  /* 中性色 */
  --bg:#f4f5f7;--surface:#ffffff;--surface-2:#f1f2f5;--border:#e5e7eb;
  --text:#1a1c20;--text-dim:#868b93;
  /* 深色区(jciyuan 导航/页头) */
  --dark:#17181d;--dark-2:#1f2128;--dark-line:rgba(255,255,255,.09);
  /* 类型徽章色板(WEBTOON GENRE) */
  --rose:#ff4d6d;--sweet:#ff87ab;--youth:#00c2d1;--campus:#ffb800;--heal:#22c58b;
  --comedy:#ff8a3d;--fantasy:#8e6bff;--ancient:#b7472a;--city:#4f6bff;--daily:#38b6ff;
  --adventure:#0e9f8a;--grow:#f0653e;--motive:#d4a017;--moe:#ff9ec4;--office:#5e6ad2;
  /* 功能色 */
  --gold:#f7b500;--red:#ff4d4d;--pink:#ff5c8a;--purple:#8e6bff;--blue:#4f6bff;
  /* 兼容旧变量 */
  --primary:#00dc64;--serif:var(--sans);
  --brand:#00dc64;--brand-deep:#00b453;--brand-soft:#e6faf0;
  /* 字体:现代无衬线(旧站为衬线,整体更换) */
  --sans:"PingFang SC","HarmonyOS Sans SC","MiSans","Source Han Sans SC","Noto Sans SC","Microsoft YaHei",-apple-system,"Segoe UI",sans-serif;
  --num:"Bahnschrift","DIN Alternate","Segoe UI",var(--sans);
  /* 几何 */
  --radius:16px;--radius-sm:10px;
  --shadow-sm:0 1px 3px rgba(16,19,24,.06);
  --shadow-md:0 8px 28px rgba(16,19,24,.12);
  --shadow-lg:0 24px 60px rgba(16,19,24,.18);
  --maxw:1280px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.75;font-size:15px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
ul{list-style:none}
input,select,textarea{font-family:inherit}
.container{max-width:var(--maxw);margin:0 auto;padding:0 28px}
h1,h2,h3{font-weight:800;line-height:1.28;letter-spacing:-.01em}
h1{font-size:2.4rem}h2{font-size:1.8rem}h3{font-size:1.25rem}
.serif{font-weight:800}
.dim{color:var(--text-dim)}
.gold{color:#d99a00}
.primary{color:var(--green-dark)}
.green{color:var(--green-dark)}
.num{font-family:var(--num);font-variant-numeric:tabular-nums}
::-webkit-scrollbar{width:10px;height:8px}
::-webkit-scrollbar-thumb{background:#d3d6db;border-radius:99px;border:2px solid var(--bg)}
::-webkit-scrollbar-track{background:transparent}
::selection{background:var(--green);color:#fff}
@media(max-width:768px){
  h1{font-size:1.65rem}h2{font-size:1.3rem}
  .container{padding:0 16px}
}