/* ============================================================
   POLARIS — 作品独立页
   用于 /work/ 动态详情页与 /works/<slug>/ 静态预渲染页
   不依赖 css/main.css，可单独加载
   ============================================================ */

/* 2026-11-13：与 main.css 同一套 core/rest 按需子集（同字集、同 unicode-range）。
   作品详情页会大量用到 rest，所以这里是「进详情页才补下 218KB」的落点。 */
@font-face{
  font-family:'Noto Sans SC';
  src:url('../fonts/noto-sans-sc-core.woff2') format('woff2');
  font-weight:200 900;font-style:normal;font-display:swap;
  unicode-range:U+2013-2014,U+201C-201D,U+2026,U+2032,U+2039-203A,U+3001-3002,U+300A-300D,U+3010-3011,U+3014-3015,U+4E00,U+4E03,U+4E07,U+4E09-4E0B,U+4E0D-4E0E,U+4E14,U+4E1A,U+4E1C-4E1D,U+4E22,U+4E24,U+4E2A,U+4E2D,U+4E32,U+4E3A-4E3B,U+4E45,U+4E48,U+4E4B,U+4E50,U+4E5D,U+4E5F,U+4E61,U+4E66,U+4E86,U+4E8B-4E8C,U+4E8E,U+4E91-4E92,U+4E9B,U+4EA4,U+4EA7,U+4EAB,U+4EAE,U+4EBA,U+4EC0,U+4EC5,U+4ECB,U+4ECD-4ECE,U+4ED6,U+4ED8,U+4EE3,U+4EE5,U+4EEC,U+4EF6,U+4EFB,U+4EFD,U+4F17-4F18,U+4F1A,U+4F20,U+4F46,U+4F4D-4F4F,U+4F53,U+4F55,U+4F5C,U+4F60,U+4F8B,U+4F9D,U+4FA7,U+4FDD,U+4FE1,U+4FEE,U+5019,U+503C,U+505A,U+505C,U+50AC,U+50CF,U+5146,U+5148-5149,U+514D,U+515C,U+5165,U+5168,U+516B-516D,U+5171,U+5173,U+5176-5177,U+5185,U+518C-518D,U+5199,U+51C6,U+51E0,U+51FA-51FB,U+5206-5207,U+5212,U+5217,U+5219-521B,U+521D,U+5224,U+522B,U+5230,U+5236-5237,U+523B,U+524D,U+5256,U+5267,U+5269,U+526F,U+529B,U+529E-52A1,U+52A8,U+5305,U+5316,U+5323,U+533A,U+533F,U+5341,U+5347,U+534A,U+534F,U+5355,U+5357,U+5360-5361,U+5370,U+5373,U+538B,U+539A,U+539F,U+53BB,U+53C2,U+53C8,U+53CB-53CD,U+53D1,U+53D6-53D9,U+53E0,U+53E3,U+53E5-53E6,U+53EA,U+53EF-53F0,U+53F3,U+53F7,U+5403-5404,U+5408,U+540C-540E,U+5411,U+5417,U+5426,U+542C,U+542F,U+544A,U+5458,U+547C-547D,U+548C,U+54C1,U+54CD,U+54EA,U+552F,U+559C,U+5668,U+56CA,U+56DB,U+56DE,U+56E0,U+56E2,U+56ED,U+56F4,U+56FE,U+5706,U+5728,U+5730,U+573A,U+5740,U+5747,U+574A,U+5750,U+5757,U+5782,U+578B,U+57CB,U+57DF,U+57FA,U+584C,U+585E,U+586B,U+5883,U+5899,U+58C1,U+58F0,U+58F3,U+5904,U+5907,U+590D,U+5916,U+591A,U+591C,U+5927,U+5929,U+5931,U+5934,U+5957,U+597D,U+59CB,U+59FF,U+5A92,U+5B50,U+5B54,U+5B57-5B58,U+5B63-5B64,U+5B66,U+5B83,U+5B87,U+5B89,U+5B8C,U+5B99-5B9A,U+5B9E,U+5BA1-5BA3,U+5BB6,U+5BB9,U+5BBF,U+5BC6,U+5BF9,U+5BFC,U+5C01,U+5C06,U+5C0F,U+5C11,U+5C1A,U+5C1D,U+5C31,U+5C3E,U+5C42,U+5C49,U+5C4F,U+5C51,U+5C55,U+5C5E,U+5C71,U+5C9B,U+5DE5-5DE6,U+5DEE,U+5DF1-5DF2,U+5DF4,U+5E02-5E03,U+5E06,U+5E08,U+5E26-5E27,U+5E2D,U+5E38,U+5E72-5E74,U+5E76,U+5E8F,U+5E93-5E95,U+5E9F,U+5EA6-5EA7,U+5ECA,U+5EF6,U+5EFA,U+5F00,U+5F0F,U+5F15,U+5F20,U+5F39,U+5F52-5F53,U+5F55,U+5F62,U+5F71,U+5F7C,U+5F80-5F81,U+5F84-5F85,U+5F88,U+5F97,U+5FAA,U+5FAE,U+5FC5,U+5FD8,U+5FEB,U+5FF5,U+6001,U+600E,U+6027,U+603B,U+6052,U+6062,U+606F,U+60AC,U+60C5,U+60F3,U+6108,U+610F,U+611F,U+618B,U+620F-6211,U+6216,U+6237,U+623F-6240,U+624B,U+624D,U+6251,U+6253-6254,U+6267,U+6269,U+6279,U+628A,U+6295-6296,U+6298,U+62A5,U+62AC,U+62B5,U+62BD,U+62C6,U+62C9,U+62D3,U+62D6,U+62E5-62E6,U+62E9,U+62FD,U+62FF,U+6301-6302,U+6307,U+6309,U+6311,U+6362,U+636E,U+6377,U+6388-6389,U+6392,U+63A2,U+63A5,U+63A8-63A9,U+63D0,U+63D2,U+641C,U+642D,U+6458,U+6469,U+6478,U+649E,U+64AD,U+64CE,U+64E6,U+6536,U+6539,U+653E,U+6545,U+654F,U+6563,U+6570,U+6574,U+6587,U+6599,U+65AD,U+65B0,U+65B9,U+65C1,U+65E0,U+65E5,U+65E7,U+65E9,U+65F6,U+660E,U+661F,U+6625,U+662F,U+663E,U+666F,U+6682,U+6697,U+66DD,U+66F4,U+66FF-6700,U+6708-6709,U+670D,U+671F,U+672A,U+672C,U+6735,U+673A,U+6743,U+6746,U+6750,U+675F,U+6761,U+6765,U+677F,U+6781,U+6784,U+6790,U+67A2,U+67B6,U+67D3,U+67E5,U+6807,U+680F,U+6821,U+6837-6839,U+683C,U+6848,U+684C,U+6863,U+68A6,U+68C0,U+697C,U+6A21,U+6A2A,U+6B21-6B22,U+6B63-6B65,U+6B7B,U+6BB5,U+6BCF,U+6BD4-6BD5,U+6C14,U+6C34,U+6C38,U+6C42,U+6C47,U+6C50,U+6CA1,U+6CAB,U+6CB3,U+6CD5,U+6CE8,U+6D25,U+6D3B,U+6D41,U+6D4B,U+6D4F,U+6D6A,U+6D6E,U+6D77,U+6D88,U+6DE1,U+6DFB,U+6E05,U+6E10,U+6E2F,U+6E32,U+6E38,U+6E90,U+6EAF,U+6ED1,U+6EDA,U+6F14,U+6F2B,U+6F6E,U+6FC0,U+7075,U+70B8-70B9,U+70E7,U+70ED,U+7167,U+7194,U+7206,U+7247-7248,U+724C,U+7269,U+7279,U+72AF,U+72B6,U+72D0,U+72EC,U+731C,U+7387,U+73AF-73B0,U+73BB,U+7403,U+7406,U+7483,U+751F,U+7528,U+7531,U+7535,U+753B,U+754C,U+7559,U+756A,U+767B,U+767D-767E,U+7684,U+76AE,U+76D6,U+76D8,U+76EE,U+76F4,U+76F8,U+7701,U+770B,U+771F,U+773C,U+7740,U+77E5,U+77E9,U+77ED,U+7801,U+7840,U+786C,U+786E,U+78B0,U+78C1,U+793A,U+793E,U+7981,U+79CD,U+79D2,U+79F0,U+79FB,U+7A0B,U+7A0D,U+7A33,U+7A3F,U+7A7A,U+7A7F,U+7A84,U+7A97,U+7ACB,U+7AD9,U+7AEF,U+7B2C,U+7B49,U+7B51,U+7B54,U+7B56,U+7B5B,U+7B7E,U+7B97,U+7BA1,U+7BB1,U+7C07,U+7C7B,U+7C89,U+7C97-7C98,U+7CBE,U+7CCA,U+7CD9,U+7CDF,U+7CFB,U+7D22,U+7EA2,U+7EA6-7EA7,U+7EAF,U+7EB3,U+7EB9,U+7EBF,U+7EC4,U+7EC6,U+7EC8,U+7ECD,U+7ECF,U+7ED3,U+7ED5,U+7ED9,U+7EDC-7EDD,U+7EDF,U+7EE7,U+7EEA,U+7EED,U+7EF4,U+7EFF,U+7F13,U+7F16,U+7F18,U+7F29,U+7F51,U+7F6E,U+7F8E,U+8001,U+8005,U+800C,U+804C,U+8054,U+805A,U+8089,U+80A4,U+80CC,U+80FD,U+811A,U+8154,U+817E,U+81EA,U+81F4,U+820D,U+821E,U+822A,U+8239,U+8272,U+827A,U+8282,U+82B1,U+82F1,U+83B7,U+83DC,U+843D,U+85CF,U+878D,U+884C,U+8865,U+8868,U+88AB,U+88C5,U+88F8,U+897F,U+8981,U+8986,U+89C1-89C2,U+89C4,U+89C6,U+89C8-89C9,U+89D2,U+89E3,U+89E6,U+8A00,U+8B66,U+8BA1,U+8BA4,U+8BA8-8BA9,U+8BAF-8BB0,U+8BB2,U+8BB8,U+8BBA,U+8BBE-8BBF,U+8BC1,U+8BC4,U+8BCD,U+8BD1,U+8BD5,U+8BDD,U+8BE5-8BE6,U+8BED,U+8BF4,U+8BF7,U+8BFB,U+8BFE,U+8C03,U+8C22,U+8C31,U+8D1F,U+8D23,U+8D25-8D26,U+8D28,U+8D34,U+8D39,U+8D44,U+8D56,U+8D5E,U+8D70,U+8D77,U+8D85,U+8DD1,U+8DE8,U+8DEF,U+8DF3,U+8EAB,U+8F66,U+8F68,U+8F6C,U+8F6E,U+8F7D,U+8F85,U+8F91,U+8FA8,U+8FB0,U+8FB9,U+8FBE,U+8FC7,U+8FD0-8FD1,U+8FD4,U+8FD8-8FD9,U+8FDB-8FDC,U+8FDE,U+8FED,U+8FF9,U+9000-9002,U+9006,U+9009,U+900F-9010,U+9012,U+901A,U+901F-9020,U+9047,U+904D,U+9053,U+9057,U+907F,U+90A3,U+90AE,U+90BB,U+90E8,U+90FD,U+914D,U+9192,U+91CC-91CD,U+91D1,U+9488-9489,U+94AE,U+94F6,U+94FE,U+9500,U+9519,U+952E,U+955C,U+957F,U+95E8,U+95EA,U+95ED-95EF,U+95F4,U+95F8,U+9605,U+961F,U+9635,U+963B,U+9645,U+9648,U+964D,U+9650,U+9662,U+9664,U+968F-9690,U+96BE,U+96C6,U+96D5,U+96E8,U+96F6,U+9700,U+9752,U+9759,U+975E,U+9760,U+9762,U+97F3,U+9875-9876,U+9879-987B,U+9884,U+9886,U+9891,U+9897-9898,U+98D8,U+98DE,U+9996,U+9A7B,U+9A8C,U+9AA8,U+9AD8,U+9ED1,U+9ED8,U+9F84,U+FF08-FF09,U+FF0B-FF0C,U+FF1A-FF1B,U+FF1F;
}
@font-face{
  font-family:'Noto Sans SC';
  src:url('../fonts/noto-sans-sc-rest.woff2') format('woff2');
  font-weight:200 900;font-style:normal;font-display:swap;
  unicode-range:U+3000,U+4E13,U+4E25,U+4E34,U+4E49,U+4E4E,U+4E94-4E95,U+4ECA,U+4ED3,U+4EE4,U+4F2A,U+4F3C,U+4F59,U+4F9B,U+4FBF,U+4FD7,U+501F,U+503E,U+5047,U+5076,U+513F,U+5141,U+5143,U+5145,U+517C,U+51B0,U+51B2-51B3,U+51B5,U+51B7,U+51ED,U+51FD,U+5220,U+52BF,U+52DF,U+52FE-52FF,U+5317,U+5339,U+5386,U+53CA,U+542B,U+5468,U+54C8,U+5546,U+5584,U+56FA,U+5708,U+574F,U+57C3,U+589E,U+592A,U+5939-593A,U+5982,U+59A5,U+5BF8,U+5C04,U+5C18,U+5C3A,U+5C40,U+5CA9,U+5D4C,U+5E0C,U+5E42,U+5E7F,U+5F02-5F03,U+5F3A,U+5F8B,U+5FC3,U+60A8,U+6233,U+6241,U+627E-627F,U+6297,U+62A4,U+62D2,U+62DB,U+63A7,U+63CF,U+641E,U+642C,U+64A4,U+64CD,U+652F,U+6548,U+6559,U+6562,U+65BD,U+65CB,U+65E2,U+6613,U+6620,U+665A,U+666E,U+6670,U+6674,U+6696,U+66FE,U+670B,U+672F,U+677E,U+679A,U+679C,U+6811,U+6846,U+68AF,U+692D,U+6982,U+69DB,U+6A59,U+6B62,U+6BCD,U+6C49,U+6C60,U+6CBF,U+6D1E,U+6DA1,U+6DF1,U+6DF7,U+6E29,U+6E4D,U+6EE1,U+6F0F,U+706B,U+70BD,U+7136,U+7231,U+7236,U+73A9,U+7530,U+7532-7533,U+7565,U+7591,U+7728,U+77EE,U+7968,U+79BB,U+79C1,U+79CB,U+79D1,U+79EF,U+7A81,U+7AE0,U+7B14,U+7B26,U+7B80,U+7BAD,U+7BC7,U+7C92,U+7D20,U+7D2B,U+7D2F,U+7EA0,U+7EB5,U+7F20,U+7F3A,U+7F72,U+7FA4,U+7FFB,U+8003,U+8017,U+8111,U+81C2,U+81F3,U+826F,U+82CF,U+8303,U+8350,U+84DD,U+8680,U+88C2,U+8BAE,U+8BC6,U+8BDA,U+8BE2,U+8BEF,U+8BFA,U+8C01,U+8C61,U+8D8B,U+8DB3,U+8E29,U+8F7B,U+8F89,U+8F93,U+8FA9,U+8FC1,U+8FDD,U+8FF0,U+9017,U+91C7,U+91CA,U+91CE-91CF,U+949F,U+9508,U+952F,U+95F9,U+9632,U+9636,U+963F,U+9644,U+9694,U+96B6,U+989C-989D,U+98CE,U+9970,U+9A73,U+9E23,U+9F50,U+9F7F,U+FF0F,U+FF5C;
}
/* 衬线：只裁 54 个实际用字 → 75KB（旧 501KB）；仍只在桌面加载 */
@media (min-width: 681px) {
  @font-face{
    font-family:'Noto Serif SC';
    src:url('../fonts/noto-serif-sc-accent.woff2') format('woff2');
    font-weight:200 900;font-style:normal;font-display:swap;
  }
}
@font-face{
  font-family:'Space Grotesk';
  src:url('../fonts/space-grotesk-latin-wght-normal.woff2') format('woff2');
  font-weight:300 700;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Instrument Serif';
  src:url('../fonts/instrument-serif-latin-400-italic.woff2') format('woff2');
  font-weight:400;font-style:italic;font-display:swap;
}
@font-face{
  font-family:'JetBrains Mono';
  src:url('../fonts/jetbrains-mono-latin-400-normal.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
}

:root{
  --bg:#05070d;
  --bg-soft:#080b13;
  --ink:#f5f2e9;
  --ink-dim:#d2d0c8;
  --muted:#9297a4;
  --faint:#656a78;
  --line:rgba(245,242,233,.13);
  --line-soft:rgba(245,242,233,.075);
  --acid:#e9f2ff;
  --star:#d8ff3e;
  --gold:#ffd27a;
  --ice:#8fe3ff;
  --violet:#b7a6ff;
  --rose:#ff9bb0;
  --sans:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;
  --serif:'Noto Serif SC','Songti SC',serif;
  --latin:'Space Grotesk','Noto Sans SC',sans-serif;
  --mono:'JetBrains Mono','SFMono-Regular',Consolas,monospace;
  --ease:cubic-bezier(.22,1,.36,1);
  --pad:clamp(18px,4.4vw,64px);
  --max:1140px;
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;color-scheme:dark;scroll-behavior:smooth}

body.wp{
  margin:0;min-height:100vh;color:var(--ink);
  background:
    radial-gradient(ellipse 65% 48% at 78% 2%,rgba(110,145,210,.14),transparent 64%),
    radial-gradient(ellipse 52% 44% at 6% 42%,rgba(134,112,190,.08),transparent 72%),
    var(--bg);
  font-family:var(--sans);font-size:16px;line-height:1.72;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
body.wp::before{
  content:'';position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.4;
  background-image:linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);
  background-size:calc(100% / 6) 100%;
}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
img,svg,video{display:block;max-width:100%}
h1,h2,h3,p,figure,blockquote,dl,dd,dt{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
::selection{background:#dbe8ff;color:#04070f}

a:focus-visible,button:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--acid);outline-offset:3px;border-radius:2px;
}
.wp-skip{
  position:fixed;left:14px;top:-70px;z-index:60;padding:10px 16px;border-radius:6px;
  background:var(--acid);color:#05070d;font-size:13px;transition:top .2s var(--ease);
}
.wp-skip:focus{top:14px}
.mono{font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}

/* ---------- top bar ---------- */
.wp-bar{
  position:sticky;top:0;z-index:20;
  background:rgba(5,7,13,.86);border-bottom:1px solid var(--line-soft);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
.wp-bar__in{
  max-width:var(--max);margin:0 auto;padding:13px var(--pad);
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.wp-back{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;letter-spacing:.03em;color:var(--ink-dim);transition:color .3s}
.wp-back i{font-style:normal;font-size:14px;color:var(--star);transition:transform .4s var(--ease)}
.wp-back:hover{color:var(--acid)}
.wp-back:hover i{transform:translateX(-3px)}
.wp-brand{display:inline-flex;align-items:center;gap:9px;font-family:var(--latin);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}
.wp-brand svg{width:17px;height:17px;color:var(--acid)}
.wp-bar__tag{font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:var(--faint);text-transform:uppercase}

/* ---------- shell ---------- */
.wp-wrap{position:relative;z-index:1;max-width:var(--max);margin:0 auto;padding:0 var(--pad) clamp(60px,8vw,100px)}
.wp-crumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  padding:22px 0 0;font-family:var(--mono);font-size:9.5px;letter-spacing:.13em;
  color:var(--faint);text-transform:uppercase;
}
.wp-crumb a{color:var(--muted);transition:color .25s}
.wp-crumb a:hover{color:var(--star)}
.wp-crumb span[aria-current]{color:var(--ink-dim)}
.wp-crumb i{font-style:normal;color:var(--faint);opacity:.6}

/* ---------- hero ---------- */
.wp-hero{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(24px,4vw,58px);align-items:start;
  padding:clamp(26px,4vw,52px) 0 clamp(24px,3.4vw,42px);
  border-bottom:1px solid var(--line-soft);
}
.wp-art{position:relative;margin:0;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--line);background:#080a0f}
.wp-art>svg,.wp-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wp-art>img{z-index:1}
.wp-art__cap{
  position:absolute;left:13px;bottom:11px;z-index:2;
  font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(245,242,233,.62);
}
.wp-head{min-width:0}
.wp-kicker{
  display:flex;align-items:center;gap:10px;
  font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--star);
}
.wp-kicker::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--star);box-shadow:0 0 14px var(--star)}
.wp-title{
  margin:14px 0 8px;font-family:var(--serif);font-weight:600;
  font-size:clamp(30px,4.6vw,56px);line-height:1.12;letter-spacing:-.005em;overflow-wrap:anywhere;
}
.wp-en{
  font-family:var(--latin);font-size:clamp(10.5px,1.3vw,13px);letter-spacing:.3em;
  text-transform:uppercase;color:var(--muted);overflow-wrap:anywhere;
}
.wp-meta{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));
  gap:14px 20px;margin:clamp(20px,3vw,30px) 0 0;padding-top:18px;border-top:1px solid var(--line-soft);
}
.wp-meta div{min-width:0}
.wp-meta dt{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.wp-meta dd{margin:4px 0 0;font-size:14px;color:var(--ink-dim);overflow-wrap:anywhere}
.wp-quote{
  margin:clamp(20px,3vw,28px) 0 0;padding:0 0 0 18px;border-left:2px solid var(--star);
  font-family:var(--serif);font-size:clamp(15px,1.6vw,19px);line-height:1.72;color:var(--ink);
}
.wp-quote--lg{font-size:clamp(19px,2.6vw,30px);line-height:1.6;border-left-width:3px;padding-left:clamp(16px,2.4vw,26px)}
.wp-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}
.wp-tags li{
  font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);border:1px solid var(--line);border-radius:100px;padding:6px 11px;overflow-wrap:anywhere;
}
.wp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:clamp(20px,3vw,28px) 0 0}
.wp-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:42px;padding:0 18px;border:1px solid var(--line);border-radius:100px;
  background:rgba(233,242,255,.04);color:var(--ink);font-size:13px;letter-spacing:.02em;
  transition:background .3s var(--ease),border-color .3s,color .3s,transform .3s var(--ease);
}
.wp-btn:hover{background:rgba(233,242,255,.1);border-color:rgba(233,242,255,.32)}
.wp-btn:active{transform:translateY(1px)}
.wp-btn--fav[aria-pressed="true"]{background:var(--star);border-color:var(--star);color:#0b0d05}
.wp-btn--fav[aria-pressed="true"]:hover{background:#cbee34;border-color:#cbee34}
.wp-btn--ghost{background:transparent;color:var(--ink-dim)}
.wp-views{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}

/* ---------- sections ---------- */
.wp-sec{padding:clamp(30px,4.4vw,54px) 0;border-bottom:1px solid var(--line-soft)}
.wp-sec:last-of-type{border-bottom:0}
.wp-sec__head{display:flex;align-items:baseline;gap:14px;margin-bottom:clamp(14px,2vw,22px)}
.wp-sec__i{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--star)}
.wp-sec h2{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(17px,2vw,22px);letter-spacing:.02em}
.wp-sec__note{margin-left:auto;font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:var(--faint);text-transform:uppercase}
.wp-body p{max-width:70ch;margin:0 0 1em;font-size:clamp(14px,1.35vw,16px);color:var(--ink-dim)}
.wp-body p:last-child{margin-bottom:0}

/* ---------- gallery / video / text ---------- */
.wp-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.4vw,14px)}
.wp-gallery--one{grid-template-columns:minmax(0,1fr)}
.wp-gallery a{display:block;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--line);background:#080a0f}
.wp-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.wp-gallery a:hover img{transform:scale(1.035)}
.wp-video{position:relative;aspect-ratio:16/9;border:1px solid var(--line);background:#000;overflow:hidden}
.wp-video video{width:100%;height:100%;object-fit:contain;background:#000}
.wp-pre{
  margin:0;max-height:min(58vh,520px);overflow:auto;padding:18px;
  border:1px solid var(--line);background:rgba(8,11,19,.7);
  font-family:var(--mono);font-size:12px;line-height:1.9;color:var(--ink-dim);
  white-space:pre-wrap;overflow-wrap:anywhere;
}
.wp-text__state{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
.wp-file{
  display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 16px;
  border:1px solid var(--line);border-radius:100px;font-size:13px;color:var(--ink-dim);
  transition:border-color .3s,color .3s;
}
.wp-file:hover{border-color:rgba(233,242,255,.32);color:var(--acid)}
.wp-file span{font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:var(--faint);text-transform:uppercase}

/* ---------- pairs (credit / license / tools) ---------- */
.wp-pairs{display:grid;gap:0;margin:0}
.wp-pairs>div{display:grid;grid-template-columns:104px minmax(0,1fr);gap:18px;padding:13px 0;border-top:1px solid var(--line-soft)}
.wp-pairs>div:first-child{border-top:0;padding-top:0}
.wp-pairs dt{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);padding-top:4px}
.wp-pairs dd{margin:0;font-size:14px;color:var(--ink-dim);overflow-wrap:anywhere}
.wp-pairs dd ul{display:flex;flex-wrap:wrap;gap:8px}
.wp-pairs dd li{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);border-radius:100px;padding:5px 10px;color:var(--muted)}

/* ---------- related ----------
   ★ P2-9b：补齐入场与 hover 动画。
   节奏与全站一致（.7s / --ease，和其它 .wp-sec 入场同一档），
   阶梯延迟用 --rel-i（0,1,2…）算，不用内联 animation-delay，
   便于 prefers-reduced-motion 里一次性关掉。
   关键：只动 opacity / transform / 色彩，不动 width/height/margin/padding
   → 不触发重排，无布局抖动（入场前后元素占位完全一致）。 */
.wp-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,20px)}
.wp-rel a{
  display:block;border:1px solid var(--line-soft);background:rgba(8,11,19,.6);
  transition:border-color .4s var(--ease),transform .4s var(--ease),
             box-shadow .4s var(--ease),background-color .4s var(--ease);
  will-change:transform;
}
/* 入场：淡入 + 上浮 10px，按 --rel-i 阶梯延迟（每档 80ms，最多 3 档） */
html.js .wp-rel a{
  opacity:0;
  transform:translateY(10px);
}
html.js.is-ready .wp-rel a{
  opacity:1;
  transform:translateY(0);
  transition:opacity .7s var(--ease),transform .7s var(--ease),
             border-color .4s var(--ease),box-shadow .4s var(--ease),background-color .4s var(--ease);
  transition-delay:calc(0.18s + (var(--rel-i, 0) * 0.08s)),calc(0.18s + (var(--rel-i, 0) * 0.08s)),0s,0s,0s;
}
/* hover / 键盘聚焦：抬升 + 描边提亮 + 轻辉光（不动尺寸，无抖动） */
.wp-rel a:hover,
.wp-rel a:focus-visible{
  border-color:rgba(233,242,255,.32);
  background-color:rgba(12,16,26,.78);
  transform:translateY(-4px);
  box-shadow:0 14px 34px rgba(0,0,0,.46);
  outline:none;
}
/* 内部图随卡片轻微推近（视觉"活"起来，但不改变卡片几何） */
.wp-rel__art{position:relative;aspect-ratio:4/5;overflow:hidden;background:#080a0f}
.wp-rel__art svg,
.wp-rel__art img{
  transition:transform .55s var(--ease),filter .55s var(--ease);
}
.wp-rel a:hover .wp-rel__art svg,
.wp-rel a:hover .wp-rel__art img,
.wp-rel a:focus-visible .wp-rel__art svg,
.wp-rel a:focus-visible .wp-rel__art img{
  transform:scale(1.045);
  filter:brightness(1.08);
}
.wp-rel__art svg{width:100%;height:100%}
.wp-rel__meta{padding:12px 14px 16px}
.wp-rel__t{display:block;margin:0;font-family:var(--serif);font-size:16px;line-height:1.35}
.wp-rel__a{display:block;margin:5px 0 0;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);overflow-wrap:anywhere}

/* ---------- error / loading ---------- */
.wp-error{min-height:min(60vh,540px);display:grid;align-content:center;max-width:560px;padding:clamp(40px,9vw,90px) 0}
.wp-error .mono{color:var(--faint)}
.wp-error h1{margin:16px 0 10px;font-family:var(--serif);font-weight:600;font-size:clamp(26px,4vw,40px);line-height:1.22}
.wp-error p{margin:0 0 24px;color:var(--muted)}
.wp-loading{
  display:flex;align-items:center;gap:12px;padding:clamp(50px,10vw,110px) 0;
  font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);
}
.wp-loading::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--star);box-shadow:0 0 14px var(--star);animation:wpPulse 1.7s var(--ease) infinite}
@keyframes wpPulse{0%,100%{opacity:.28;transform:scale(.78)}50%{opacity:1;transform:scale(1)}}

/* ---------- footer / toast ---------- */
.wp-foot{
  position:relative;z-index:1;border-top:1px solid var(--line-soft);
  padding:24px var(--pad);display:flex;flex-wrap:wrap;gap:10px 22px;
  align-items:center;justify-content:space-between;
  font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);
}
.wp-foot a{color:var(--muted)}
.wp-foot a:hover{color:var(--acid)}
.wp-toast{
  position:fixed;left:50%;bottom:26px;z-index:40;transform:translate(-50%,14px);
  padding:10px 20px;border-radius:100px;background:var(--acid);color:#08090b;
  font-family:var(--mono);font-size:10px;letter-spacing:.08em;opacity:0;pointer-events:none;
  transition:opacity .3s,transform .4s var(--ease);
}
.wp-toast.is-on{opacity:1;transform:translate(-50%,0)}

/* ---------- entrance (dynamic page only; static pages have no .js) ---------- */
html.js .wp-hero,html.js .wp-sec{opacity:0;transform:translateY(14px)}
html.js.is-ready .wp-hero,html.js.is-ready .wp-sec{
  opacity:1;transform:none;
  transition:opacity .7s var(--ease),transform .7s var(--ease);
}
html.js.is-ready .wp-sec:nth-of-type(2){transition-delay:.06s}
html.js.is-ready .wp-sec:nth-of-type(3){transition-delay:.1s}
html.js.is-ready .wp-sec:nth-of-type(4){transition-delay:.14s}


/* ============================================================
   动态封面（首页 coverAnim 的独立页等价实现，见 work/cover.js）
   两层：静态海报打底 + 动画 webp 叠加（悬停/聚焦才加载）
   动效：轻微漂移 + 辉光 + 指针视差；prefers-reduced-motion 全部停用
   ============================================================ */
.wp-cover{overflow:hidden}
.wp-cover__poster{
  position:absolute;inset:0;z-index:1;width:100%;height:100%;
  object-fit:cover;object-position:center;
  transform:translate3d(calc(var(--px,0) * -8px),calc(var(--py,0) * -8px),0) scale(1.04);
  transition:transform 1.15s var(--ease),filter .8s var(--ease);
}
.wp-cover__anim{
  position:absolute;inset:0;z-index:2;width:100%;height:100%;
  object-fit:cover;object-position:center;opacity:0;pointer-events:none;
  transition:opacity .45s ease;
}
.wp-cover__anim.is-playing{opacity:1}
.wp-cover.is-visible .wp-cover__poster{
  animation:wpCoverDrift 17s ease-in-out infinite alternate;
}
.wp-cover.is-visible::after{
  content:'';position:absolute;inset:0;z-index:3;pointer-events:none;
  background:radial-gradient(58% 48% at 50% 42%,rgba(245,242,233,.16),transparent 70%);
  opacity:0;transition:opacity .9s var(--ease);
}
.wp-cover.is-visible::after{opacity:.5}
.wp-cover:hover .wp-cover__poster{filter:saturate(1.08) brightness(1.03)}
@keyframes wpCoverDrift{
  0%{transform:translate3d(calc(var(--px,0) * -8px),calc(var(--py,0) * -8px),0) scale(1.04)}
  100%{transform:translate3d(calc(var(--px,0) * -8px),calc(var(--py,0) * -8px),0) scale(1.085) translateY(-1.4%)}
}

/* 章节英文小标 */
.wp-sec__en{
  font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--faint);opacity:.85;
}

/* 里程碑（一句话现状） */
.wp-milestone{
  margin:16px 0 0;padding:11px 14px;border-left:2px solid var(--gold);
  background:rgba(255,210,122,.07);font-size:13px;line-height:1.6;color:var(--ink-dim);
}
.wp-milestone .mono{display:block;margin-bottom:4px;color:var(--gold)}

/* 媒体章里的标签 */
.wp-tags--media{margin-top:16px}

/* 推荐卡封面（盖在生成艺术上） */
.wp-rel__cover{
  position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;
}
.wp-rel__art svg{position:relative;z-index:0}

@media (prefers-reduced-motion:reduce){
  .wp-cover__anim{display:none}
  .wp-cover.is-visible .wp-cover__poster{animation:none}
  .wp-cover.is-visible::after{opacity:0}
}

/* 封面无素材时的几何渐变兜底（原来只给 .wp-art--static，现覆盖动态封面容器） */
.wp-cover::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(70% 58% at 74% 12%,var(--a,#d8ff3e),transparent 64%),
    radial-gradient(84% 72% at 16% 92%,var(--b,#82e6ff),transparent 72%);
  opacity:.26;
}
.wp-rel__art::before{
  content:'';position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(72% 60% at 76% 14%,var(--a,#d8ff3e),transparent 66%),
    radial-gradient(86% 74% at 14% 90%,var(--b,#82e6ff),transparent 74%);
  opacity:.24;
}

/* ---------- static page art (no art.js) ---------- */
.wp-art--static{background:#080a0f}
.wp-art--static::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(70% 58% at 74% 12%,var(--a,#d8ff3e),transparent 64%),
    radial-gradient(84% 72% at 16% 92%,var(--b,#82e6ff),transparent 72%);
  opacity:.26;
}
.wp-art__geo{position:absolute;inset:0}
.wp-art__geo i{position:absolute;display:block}
.wp-art__geo .g1{left:8%;top:13%;width:58%;aspect-ratio:1;border:1px solid var(--a,#d8ff3e);border-radius:50%;opacity:.55}
.wp-art__geo .g2{right:10%;bottom:17%;width:45%;aspect-ratio:1;border:1px solid var(--b,#82e6ff);transform:rotate(28deg);opacity:.42}
.wp-art__geo .g3{left:14%;bottom:11%;width:52%;height:2px;background:linear-gradient(90deg,var(--a,#d8ff3e),transparent);opacity:.8}
.wp-art__geo .g4{right:19%;top:24%;width:9px;height:9px;border-radius:50%;background:var(--a,#d8ff3e);box-shadow:0 0 18px var(--a,#d8ff3e)}
.wp-art__geo .g5{left:50%;top:50%;width:1px;height:64%;transform:translate(-50%,-50%);background:linear-gradient(180deg,transparent,var(--b,#82e6ff),transparent);opacity:.5}

/* ---------- static page enhance box ---------- */
.wp-enhance{
  display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;
  margin:clamp(26px,4vw,44px) 0 0;padding:clamp(18px,3vw,28px);
  border:1px solid var(--line);
  background:linear-gradient(135deg,rgba(233,242,255,.06),rgba(216,255,62,.035));
}
.wp-enhance__t{margin:0;font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--star)}
.wp-enhance__d{flex:1 1 240px;margin:0;font-size:13px;color:var(--ink-dim)}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .wp-hero{grid-template-columns:minmax(0,1fr)}
  .wp-art{max-width:520px}
  .wp-rel{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  .wp-bar__tag{display:none}
  .wp-brand{font-size:9.5px;letter-spacing:.18em}
  .wp-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
  .wp-gallery{grid-template-columns:minmax(0,1fr)}
  .wp-rel{grid-template-columns:minmax(0,1fr)}
  .wp-title{font-size:clamp(26px,8vw,38px)}
  .wp-sec__note{display:none}
  .wp-btn{min-height:44px;padding:0 16px}
}
@media (max-width:380px){
  .wp-meta{grid-template-columns:minmax(0,1fr)}
  .wp-pairs>div{grid-template-columns:minmax(0,1fr);gap:5px}
  .wp-pairs dt{padding-top:0}
  .wp-crumb{font-size:9px;letter-spacing:.08em}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .wp-hero,.wp-sec{opacity:1!important;transform:none!important}
  /* ★ P2-9b：相关推荐卡片在「减少动效」下直接显示终态，不做入场，也不做位移 hover */
  html.js .wp-rel a,html.js.is-ready .wp-rel a{opacity:1!important;transform:none!important;transition-delay:0s!important}
  .wp-rel a:hover,.wp-rel a:focus-visible{transform:none!important;box-shadow:none!important}
  .wp-rel a:hover .wp-rel__art svg,.wp-rel a:hover .wp-rel__art img,
  .wp-rel a:focus-visible .wp-rel__art svg,.wp-rel a:focus-visible .wp-rel__art img{
    transform:none!important;filter:none!important;
  }
}