@charset "utf-8";
/* Ten more themes (second batch). Same variables as themes.css; decoration only, layout and button sizes unchanged. */

/* ===== 蒸汽波梦境 ===== */
[data-skin="vapor"]{
  --bg:#160634; --surface:#221044; --surface-2:#30185c; --line:#5d3596;
  --fg:#fdeaff; --muted:#e2c0f6; --faint:#b896d9;
  --accent:#00e5ff; --accent-ink:#10002b; --accent-soft:#1f2f5c;
  --run:#ff5bd8; --run-soft:#4a1450; --run-ink:#1a0016; --ok:#7dffb0; --danger:#ff7aa8;
  --gold:#ffd36e; --glow:rgba(255,91,216,.6); --clock:#ff8ae4; --top-bg:#12052b; --r:4px;
  --pattern:linear-gradient(rgba(0,229,255,.10) 1px,transparent 1px) 0 0/100% 44px,
            linear-gradient(90deg,rgba(255,91,216,.10) 1px,transparent 1px) 0 0/44px 100%,
            linear-gradient(180deg,#160634 0%,#2e0f5c 55%,#561a6e 100%);
  color-scheme:dark}
[data-skin="vapor"] header.bar{border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#ff6ec7,#7a5cff,#00e5ff) 1}
[data-skin="vapor"] .clockface,[data-skin="vapor"] .sk-clock,[data-skin="vapor"] .timer.running .clockface{
  font-style:italic;background:linear-gradient(180deg,#fff 0%,#ffb3f0 45%,#00e5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 8px rgba(255,91,216,.55))}
[data-skin="vapor"] .clockface{display:inline-block;padding-right:.15em}
@media (min-width:641px){[data-skin="vapor"] .brand b::after{content:" Ａ Ｅ Ｓ Ｔ Ｈ Ｅ Ｔ Ｉ Ｃ";font-size:12px;letter-spacing:.1em;color:#00e5ff}}

/* ===== 1995 古董电脑 ===== */
[data-skin="retro95"]{
  --bg:#008080; --surface:#c0c0c0; --surface-2:#d4d0c8; --line:#808080;
  --fg:#000; --muted:#222; --faint:#444;
  --accent:#000080; --accent-ink:#fff; --accent-soft:#b9c3e6;
  --run:#800000; --run-soft:#e6c9c9; --ok:#006400; --danger:#800000;
  --gold:#5c4400; --glow:rgba(255,255,255,.75); --clock:#000; --r:0px;
  --top-bg:linear-gradient(90deg,#000080,#1084d0);
  --serif:Tahoma,"MS Sans Serif",Verdana,"PingFang SC","Microsoft YaHei",sans-serif; --clockfont:"Courier New",Courier,monospace;
  --script:Tahoma,Verdana,sans-serif;
  color-scheme:light}
[data-skin="retro95"] .panel{border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:inset -1px -1px #808080,inset 1px 1px #dfdfdf}
[data-skin="retro95"] .btn,[data-skin="retro95"] .chip{border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:inset -1px -1px #808080;border-radius:0}
[data-skin="retro95"] .btn:active,[data-skin="retro95"] .chip[aria-pressed="true"]{border-color:#404040 #fff #fff #404040}
[data-skin="retro95"] .go .btn{border-width:3px;border-radius:0}
[data-skin="retro95"] .go .btn.pause,[data-skin="retro95"] .go .btn.end{background:#c0c0c0;border-color:#fff #404040 #404040 #fff}
[data-skin="retro95"] .input{border-radius:0;border:2px solid;border-color:#808080 #fff #fff #808080;background:#fff}
[data-skin="retro95"] .wordmark{font-size:15px;font-weight:700}
[data-skin="retro95"] .timer{padding-top:42px}
[data-skin="retro95"] .timer::before{content:"计时器.exe";position:absolute;left:3px;right:3px;top:3px;height:26px;padding:3px 8px;box-sizing:border-box;
  background:linear-gradient(90deg,#000080,#1084d0);color:#fff;font-weight:700;font-size:14px;line-height:20px}
[data-skin="retro95"] .daysbar,[data-skin="retro95"] .stack > p.lbl{color:#fff;--muted:#e6ffff}
[data-skin="retro95"] .daysbar .btn{color:#000}
[data-skin="retro95"] .stack > .btn.ghost{background:#c0c0c0;color:#000}

/* ===== 黑客终端 ===== */
[data-skin="hacker"]{
  --bg:#000; --surface:#031203; --surface-2:#062206; --line:#0f5a0f;
  --fg:#39ff6a; --muted:#2bd65a; --faint:#22a948;
  --accent:#39ff6a; --accent-ink:#001a00; --accent-soft:#0a330a;
  --run:#ffb000; --run-soft:#332300; --run-ink:#1a1000; --ok:#39ff6a; --danger:#ff5c5c;
  --gold:#ffd84d; --glow:rgba(57,255,106,.5); --clock:#39ff6a; --top-bg:#000; --r:0px;
  --serif:"Courier New",Menlo,Consolas,"PingFang SC","Microsoft YaHei",monospace; --clockfont:VT323,"Courier New",monospace;
  --script:"Courier New",monospace;
  --pattern:repeating-linear-gradient(0deg,rgba(57,255,106,.06) 0 1px,transparent 1px 3px);
  color-scheme:dark}
[data-skin="hacker"] .wordmark{font-size:15px;text-transform:uppercase;letter-spacing:.1em}
[data-skin="hacker"] .clockface,[data-skin="hacker"] .sk-clock{text-shadow:0 0 10px rgba(57,255,106,.7)}
[data-skin="hacker"] .clockface{font-size:clamp(56px,11vw,88px)}
[data-skin="hacker"] .timer.running .clockface::after{content:"_";animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){[data-skin="hacker"] .timer.running .clockface::after{animation:none}}
@media (min-width:641px){[data-skin="hacker"] .brand b::before{content:"root@xuechen:~$ ";font-size:15px;opacity:.8}}

/* ===== 水晶泡泡 ===== */
[data-skin="aero"]{
  --bg:#cdeeff; --surface:#f6fcff; --surface-2:#e0f3fd; --line:#a6d6ee;
  --fg:#0b3954; --muted:#2c5c77; --faint:#557f97;
  --accent:#16843a; --accent-ink:#fff; --accent-soft:#d5f3dd;
  --run:#0a68b8; --run-soft:#d9ecff; --ok:#16843a; --danger:#b42b2b;
  --gold:#755700; --glow:rgba(64,180,255,.6); --clock:#0a68b8; --r:14px;
  --top-bg:linear-gradient(#f1fbff,#c4e8fb);
  --serif:"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  --pattern:radial-gradient(circle at 30% 30%,rgba(255,255,255,.9) 0 3px,rgba(255,255,255,.35) 4px 16px,rgba(255,255,255,.6) 17px 18px,transparent 19px) 0 0/150px 150px,
            radial-gradient(circle at 70% 75%,rgba(255,255,255,.8) 0 2px,rgba(255,255,255,.3) 3px 9px,rgba(255,255,255,.55) 10px 11px,transparent 12px) 0 0/110px 110px,
            linear-gradient(180deg,#b7e5ff 0%,#e3f7ff 60%,#c9f2c9 100%);
  color-scheme:light}
[data-skin="aero"] .panel{background:linear-gradient(180deg,#ffffff 0%,#eef9ff 100%);box-shadow:0 6px 18px rgba(10,104,184,.12),inset 0 1px 0 #fff}
[data-skin="aero"] .btn.primary,[data-skin="aero"] .go .btn.primary{background:linear-gradient(180deg,#4fc46c 0%,#16843a 50%,#0f7030 100%);border-color:#0f7030;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
[data-skin="aero"] .go .btn.run{background:linear-gradient(180deg,#4aaef5 0%,#0a68b8 50%,#08589c 100%);border-color:#08589c;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
[data-skin="aero"] .go .btn.pause,[data-skin="aero"] .go .btn.end{background:linear-gradient(180deg,#ffffff,#dff2fd);border-color:#7fbde0}

/* ===== 喵主子 ===== */
[data-skin="meow"]{
  --bg:#fff4e6; --surface:#fffdf8; --surface-2:#fbebd6; --line:#eed0aa;
  --fg:#4a3426; --muted:#765845; --faint:#957863;
  --accent:#bd5a1f; --accent-ink:#fff; --accent-soft:#fde1cc;
  --run:#c8456a; --run-soft:#fde0e7; --ok:#4f7a2d; --danger:#c8456a;
  --gold:#855900; --glow:rgba(224,122,63,.45); --clock:#bd5a1f; --r:22px;
  --display:"ZCOOL KuaiLe","PingFang SC","Microsoft YaHei",sans-serif;
  --pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cg fill='%23bd5a1f' fill-opacity='.10'%3E%3Cellipse cx='22' cy='30' rx='8' ry='7'/%3E%3Ccircle cx='13' cy='19' r='3.2'/%3E%3Ccircle cx='20' cy='15' r='3.2'/%3E%3Ccircle cx='27' cy='15' r='3.2'/%3E%3Ccircle cx='33' cy='20' r='3.2'/%3E%3Cellipse cx='66' cy='72' rx='8' ry='7'/%3E%3Ccircle cx='57' cy='61' r='3.2'/%3E%3Ccircle cx='64' cy='57' r='3.2'/%3E%3Ccircle cx='71' cy='57' r='3.2'/%3E%3Ccircle cx='77' cy='62' r='3.2'/%3E%3C/g%3E%3C/svg%3E") 0 0/90px 90px;
  color-scheme:light}
[data-skin="meow"] .timer{margin-top:18px}
[data-skin="meow"] .timer::before{content:"";position:absolute;top:-22px;left:30px;width:110px;height:24px;pointer-events:none;
  background:linear-gradient(to top left,var(--accent) 50%,transparent 50%) 0 0/20px 24px no-repeat,
             linear-gradient(to top right,var(--accent) 50%,transparent 50%) 20px 0/20px 24px no-repeat,
             linear-gradient(to top left,var(--accent) 50%,transparent 50%) 70px 0/20px 24px no-repeat,
             linear-gradient(to top right,var(--accent) 50%,transparent 50%) 90px 0/20px 24px no-repeat}
@media (min-width:641px){[data-skin="meow"] .brand b::after{content:" ฅ^•ﻌ•^ฅ";font-size:15px}}

/* ===== 全糖奶茶 ===== */
[data-skin="boba"]{
  --bg:#f1dfc8; --surface:#fffaf2; --surface-2:#f4e4cf; --line:#dfc29f;
  --fg:#3b2316; --muted:#654431; --faint:#86664f;
  --accent:#6b3f22; --accent-ink:#fff6ea; --accent-soft:#efd9be;
  --run:#b84a70; --run-soft:#f8dde6; --ok:#4f7a2d; --danger:#b84a70;
  --gold:#7d5500; --glow:rgba(184,74,112,.4); --clock:#6b3f22; --r:20px;
  --display:"ZCOOL KuaiLe","PingFang SC","Microsoft YaHei",sans-serif;
  --pattern:radial-gradient(circle,rgba(59,35,22,.42) 0 7px,rgba(59,35,22,.2) 8px,transparent 9px) 0 0/70px 70px,
            radial-gradient(circle,rgba(59,35,22,.32) 0 6px,transparent 7px) 35px 38px/70px 70px;
  color-scheme:light}
[data-skin="boba"] .timer::before{content:"";position:absolute;top:-34px;right:46px;width:14px;height:70px;border-radius:7px;pointer-events:none;
  background:repeating-linear-gradient(45deg,#f28bb0 0 7px,#fff 7px 14px);transform:rotate(14deg);box-shadow:0 0 0 2px #e06a96}
[data-skin="boba"] .timer{margin-top:22px}
[data-skin="boba"] .daysbar,[data-skin="boba"] .stack > p.lbl{background:rgba(255,250,242,.88);padding:6px 12px;border-radius:14px}

/* ===== 闹鬼办公室 ===== */
[data-skin="haunted"]{
  --bg:#120a1f; --surface:#1d1230; --surface-2:#2a1a44; --line:#4c3172;
  --fg:#f3e9ff; --muted:#cbb6e8; --faint:#a088bf;
  --accent:#ff8c1a; --accent-ink:#1a0d00; --accent-soft:#3a2410;
  --run:#8cff5a; --run-soft:#1f3314; --run-ink:#0a1a00; --ok:#8cff5a; --danger:#ff6b6b;
  --gold:#ffcc4d; --glow:rgba(255,140,26,.55); --clock:#ff8c1a; --top-bg:#0b0614; --r:6px;
  --clockfont:Creepster,"Chiller",fantasy;
  --display:Creepster,"ZCOOL QingKe HuangYou","PingFang SC",fantasy;
  --pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cpath d='M30 60c0-12 8-20 18-20s18 8 18 20v22l-6-5-6 5-6-5-6 5-6-5-6 5z' fill='%23fff' fill-opacity='.06'/%3E%3Ccircle cx='42' cy='58' r='2.4' fill='%23120a1f' fill-opacity='.5'/%3E%3Ccircle cx='54' cy='58' r='2.4' fill='%23120a1f' fill-opacity='.5'/%3E%3Ccircle cx='110' cy='110' r='3' fill='%23ff8c1a' fill-opacity='.18'/%3E%3C/svg%3E") 0 0/140px 140px;
  color-scheme:dark}
[data-skin="haunted"] .clockface{letter-spacing:.04em}
[data-skin="haunted"] .clockface,[data-skin="haunted"] .sk-clock{text-shadow:0 0 12px rgba(255,140,26,.55)}
[data-skin="haunted"] .timer::before{content:"";position:absolute;left:0;top:0;width:96px;height:96px;pointer-events:none;border-top-left-radius:inherit;
  background:repeating-radial-gradient(circle at 0 0,transparent 0 13px,rgba(255,255,255,.16) 13px 14px),repeating-conic-gradient(from 0deg at 0 0,rgba(255,255,255,.18) 0 1deg,transparent 1deg 15deg);
  -webkit-mask:radial-gradient(circle at 0 0,#000 55%,transparent 72%);mask:radial-gradient(circle at 0 0,#000 55%,transparent 72%)}
@media (min-width:641px){[data-skin="haunted"] .brand b::after{content:" 👻";font-size:16px}}

/* ===== 水墨江湖 ===== */
[data-skin="ink"]{
  --bg:#f1ede3; --surface:#fbf9f3; --surface-2:#ebe6d8; --line:#cdc4af;
  --fg:#1d1d1b; --muted:#4d4940; --faint:#736c5c;
  --accent:#1d1d1b; --accent-ink:#fbf9f3; --accent-soft:#e2dbc9;
  --run:#ad1f1a; --run-soft:#f2d9d4; --ok:#3d5a2a; --danger:#ad1f1a;
  --gold:#77570f; --glow:rgba(0,0,0,.28); --clock:#1d1d1b; --r:2px;
  --serif:"Noto Serif SC","Songti SC",SimSun,serif;
  --display:"Zhi Mang Xing","Ma Shan Zheng",KaiTi,STKaiti,serif;
  --pattern:radial-gradient(ellipse 220px 70px at 25% 100%,rgba(29,29,27,.10),transparent 70%) 0 0/420px 300px,
            radial-gradient(ellipse 140px 50px at 75% 100%,rgba(29,29,27,.07),transparent 70%) 0 0/420px 300px;
  color-scheme:light}
[data-skin="ink"] .panel{border-color:#bdb39b}
[data-skin="ink"] .go .btn{font-size:clamp(42px,6.5vw,64px)}
@media (max-width:640px){[data-skin="ink"] .go .btn{font-size:clamp(36px,11.5vw,48px)}}
@media (min-width:641px){[data-skin="ink"] .brand b::after{content:"摸鱼";display:inline-block;margin-left:8px;font-size:12px;line-height:1.4;color:#fff;background:#ad1f1a;padding:1px 4px;border-radius:2px;vertical-align:3px;font-family:var(--serif)}}

/* ===== 像素勇者 ===== */
[data-skin="pixel"]{
  --bg:#1a1c2c; --surface:#262b44; --surface-2:#333c57; --line:#566c86;
  --fg:#f4f4f4; --muted:#c2c3c7; --faint:#94b0c2;
  --accent:#38b764; --accent-ink:#0b1a10; --accent-soft:#1e3a2c;
  --run:#ef7d57; --run-soft:#4a2a22; --run-ink:#1a0a04; --ok:#38b764; --danger:#ff6b6b;
  --gold:#ffcd75; --glow:rgba(255,205,117,.5); --clock:#ffcd75; --top-bg:#14151f; --r:0px;
  --clockfont:"Press Start 2P",monospace;
  --display:"Press Start 2P","ZCOOL QingKe HuangYou","PingFang SC",monospace;
  color-scheme:dark}
[data-skin="pixel"]{--pattern:radial-gradient(circle,#f4f4f4 0 1px,transparent 1.5px) 10px 18px/130px 130px,radial-gradient(circle,#ffcd75 0 1px,transparent 1.5px) 70px 80px/130px 130px,radial-gradient(circle,#94b0c2 0 1px,transparent 1.5px) 110px 40px/130px 130px}
[data-skin="pixel"] .panel{border:0;box-shadow:0 0 0 3px #0b0d17,6px 6px 0 3px #0b0d17}
[data-skin="pixel"] .go .btn{border-width:0;box-shadow:inset -5px -5px 0 rgba(0,0,0,.35),inset 5px 5px 0 rgba(255,255,255,.22),0 0 0 3px #0b0d17}
[data-skin="pixel"] .clockface{font-size:clamp(26px,6vw,42px);line-height:1.3}
[data-skin="pixel"] .sk-clock{font-size:15px}
[data-skin="pixel"] .go .btn{font-size:clamp(26px,4vw,36px);letter-spacing:.06em}
@media (max-width:640px){[data-skin="pixel"] .go .btn,[data-skin="pixel"] .go .btn.end{font-size:clamp(22px,8vw,32px)}}
[data-skin="pixel"] h1,[data-skin="pixel"] h2,[data-skin="pixel"] .brand b{font-size:85%}
[data-skin="pixel"] .wordmark{font-family:"Press Start 2P",monospace;font-size:11px}

/* ===== 海底摸鱼 ===== */
[data-skin="deepsea"]{
  --bg:#03263a; --surface:#08344d; --surface-2:#0d4262; --line:#1e6688;
  --fg:#e6fbff; --muted:#a9dcec; --faint:#7cb8cc;
  --accent:#ffb703; --accent-ink:#1a1200; --accent-soft:#2c4031;
  --run:#ff7a9c; --run-soft:#4a2333; --run-ink:#1a0610; --ok:#7dffb0; --danger:#ff7a9c;
  --gold:#ffd166; --glow:rgba(125,249,255,.5); --clock:#7df9ff; --top-bg:#021a28; --r:16px;
  --pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg fill='%23ffb703' fill-opacity='.14'%3E%3Cellipse cx='40' cy='40' rx='14' ry='8'/%3E%3Cpath d='M54 40l10-7v14z'/%3E%3C/g%3E%3Ccircle cx='35' cy='38' r='1.6' fill='%2303263a'/%3E%3Cg fill='none' stroke='%23e6fbff' stroke-opacity='.18'%3E%3Ccircle cx='120' cy='100' r='6'/%3E%3Ccircle cx='128' cy='84' r='3.5'/%3E%3Ccircle cx='116' cy='72' r='2'/%3E%3C/g%3E%3C/svg%3E") 0 0/160px 160px,
            linear-gradient(180deg,#05344e 0%,#021725 100%);
  color-scheme:dark}
[data-skin="deepsea"] .clockface,[data-skin="deepsea"] .sk-clock{text-shadow:0 0 12px rgba(125,249,255,.5)}
@media (min-width:641px){[data-skin="deepsea"] .brand b::after{content:" · 摸鱼中 🐟";font-size:14px;color:#ffd166}}

/* coloured headers in this batch */
[data-skin="retro95"] header.bar{--fg:#fff; --muted:rgba(255,255,255,.9); --faint:rgba(255,255,255,.8); --surface-2:rgba(255,255,255,.18); --run:#fff; --line:transparent}