/* 由 scripts/ai-studio-design-styles.mjs 生成，勿手改 */
/* neumorphism */
.ds-stage[data-skin="neumorphism"]{--s-bg:#e6e9ef;--s-surface:#e6e9ef;--s-text:#2d3446;--s-muted:#5f677a;--s-accent:#5b6ee1;--s-on-accent:#fff;--s-border:transparent;--s-radius:16px;--s-font:"Inter",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-font:var(--s-font)}
.ds-stage[data-skin="neumorphism"] .ds-s-btn{box-shadow:6px 6px 12px #c3c8d1,-6px -6px 12px #fff}
.ds-stage[data-skin="neumorphism"] .ds-s-card,.ds-stage[data-skin="neumorphism"] .ds-s-btn--ghost,.ds-stage[data-skin="neumorphism"] .ds-s-btn--sm{border:0;background:var(--s-bg);color:var(--s-text);box-shadow:8px 8px 16px #c3c8d1,-8px -8px 16px #fff}
.ds-stage[data-skin="neumorphism"] .ds-s-input{border:0;background:var(--s-bg);box-shadow:inset 5px 5px 10px #c3c8d1,inset -5px -5px 10px #fff}
.ds-stage[data-skin="neumorphism"] .ds-s-ico{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;box-shadow:inset 4px 4px 8px #c3c8d1,inset -4px -4px 8px #fff}
.ds-stage[data-skin="neumorphism"] .ds-s-title{font-weight:800;letter-spacing:-.02em}

/* glassmorphism */
.ds-stage[data-skin="glassmorphism"]{--s-bg:#1e1b4b;--s-surface:rgba(255,255,255,.14);--s-text:#fff;--s-muted:rgba(255,255,255,.78);--s-accent:#fff;--s-on-accent:#312e81;--s-border:rgba(255,255,255,.28);--s-radius:18px;--s-font:"Inter",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-font:var(--s-font);
  background:radial-gradient(circle at 15% 20%,#f472b6 0,transparent 38%),radial-gradient(circle at 85% 30%,#38bdf8 0,transparent 40%),radial-gradient(circle at 50% 95%,#a78bfa 0,transparent 45%),#1e1b4b}
.ds-stage[data-skin="glassmorphism"] .ds-s-nav,.ds-stage[data-skin="glassmorphism"] .ds-s-card,.ds-stage[data-skin="glassmorphism"] .ds-s-input{border:1px solid var(--s-border);background:var(--s-surface);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);box-shadow:0 8px 32px rgba(15,10,60,.25)}
.ds-stage[data-skin="glassmorphism"] .ds-s-nav{padding:10px 14px;border-radius:var(--s-radius)}
.ds-stage[data-skin="glassmorphism"] .ds-s-input{color:rgba(255,255,255,.85)}
.ds-stage[data-skin="glassmorphism"] .ds-s-btn--ghost{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1px var(--s-border)}
.ds-stage[data-skin="glassmorphism"] .ds-s-kicker{color:#fde68a}

/* claymorphism */
.ds-stage[data-skin="claymorphism"]{--s-bg:#f4ede4;--s-surface:#ffe0e8;--s-text:#3b2f3f;--s-muted:#5e4e61;--s-accent:#6d4ae8;--s-on-accent:#fff;--s-border:transparent;--s-radius:28px;--s-font:"Nunito",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-font:var(--s-font)}
.ds-stage[data-skin="claymorphism"] .ds-s-card{border:0;box-shadow:12px 12px 24px rgba(120,90,70,.22),inset 8px 8px 14px rgba(255,255,255,.9),inset -8px -8px 14px rgba(150,100,110,.22)}
.ds-stage[data-skin="claymorphism"] .ds-s-card:nth-child(2){background:#d6eeff}
.ds-stage[data-skin="claymorphism"] .ds-s-card:nth-child(3){background:#fff0c2}
.ds-stage[data-skin="claymorphism"] .ds-s-btn{font-weight:800;box-shadow:6px 8px 16px rgba(109,74,232,.35),inset 4px 4px 8px rgba(255,255,255,.45),inset -4px -6px 10px rgba(40,20,120,.35)}
.ds-stage[data-skin="claymorphism"] .ds-s-btn--ghost{background:#f4ede4;color:var(--s-text);box-shadow:6px 8px 16px rgba(120,90,70,.2),inset 4px 4px 8px rgba(255,255,255,.9),inset -4px -6px 10px rgba(150,100,110,.2)}
.ds-stage[data-skin="claymorphism"] .ds-s-btn--sm{box-shadow:4px 5px 10px rgba(109,74,232,.3),inset 3px 3px 6px rgba(255,255,255,.45),inset -3px -4px 8px rgba(40,20,120,.35)}
.ds-stage[data-skin="claymorphism"] .ds-s-input{border:0;background:#f4ede4;box-shadow:inset 6px 6px 12px rgba(150,110,100,.25),inset -6px -6px 12px rgba(255,255,255,.95)}
.ds-stage[data-skin="claymorphism"] .ds-s-ico{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:4px 5px 10px rgba(120,90,70,.2),inset 3px 3px 6px rgba(255,255,255,.9),inset -3px -4px 8px rgba(150,100,110,.2)}
.ds-stage[data-skin="claymorphism"] .ds-s-title,.ds-stage[data-skin="claymorphism"] .ds-s-num{font-weight:800}
.ds-stage[data-skin="claymorphism"] .ds-s-kicker{color:#6d4ae8;font-weight:800}

/* liquid-glass */
.ds-stage[data-skin="liquid-glass"]{--s-bg:#bfe3ff;--s-surface:rgba(255,255,255,.18);--s-text:#0b1220;--s-muted:#243247;--s-accent:#0061d5;--s-on-accent:#fff;--s-border:rgba(255,255,255,.35);--s-radius:22px;--s-font:"Inter",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-font:var(--s-font);
  background:radial-gradient(circle at 12% 18%,#ffb4a2 0,transparent 40%),radial-gradient(circle at 88% 22%,#c4b5fd 0,transparent 42%),radial-gradient(circle at 70% 88%,#ffe08a 0,transparent 40%),radial-gradient(circle at 20% 90%,#8fd3ff 0,transparent 45%),#bfe3ff}
.ds-stage[data-skin="liquid-glass"] .ds-s-nav,.ds-stage[data-skin="liquid-glass"] .ds-s-card,.ds-stage[data-skin="liquid-glass"] .ds-s-input{border:1px solid var(--s-border);background:var(--s-surface);-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(0,0,0,.08),0 10px 30px rgba(30,60,120,.15)}
.ds-stage[data-skin="liquid-glass"] .ds-s-nav{padding:8px 10px 8px 20px;border-radius:999px}
.ds-stage[data-skin="liquid-glass"] .ds-s-input{border-radius:999px;color:var(--s-muted)}
.ds-stage[data-skin="liquid-glass"] .ds-s-btn{border-radius:999px;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(0,0,0,.12),0 6px 16px rgba(0,97,213,.3)}
.ds-stage[data-skin="liquid-glass"] .ds-s-btn--ghost{background:rgba(255,255,255,.22);color:var(--s-text);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(0,0,0,.08)}
.ds-stage[data-skin="liquid-glass"] .ds-s-title{font-weight:800;letter-spacing:-.02em}
.ds-stage[data-skin="liquid-glass"] .ds-s-kicker{color:#0050b0}

/* flat */
.ds-stage[data-skin="flat"]{--s-bg:#fff;--s-surface:#ecf0f1;--s-text:#2c3e50;--s-muted:#455a64;--s-accent:#1f78b4;--s-on-accent:#fff;--s-border:transparent;--s-radius:4px;--s-font:"Inter",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-font:var(--s-font)}
.ds-stage[data-skin="flat"] .ds-s-card{border:0;box-shadow:none}
.ds-stage[data-skin="flat"] .ds-s-card:nth-child(1){background:#1f78b4;color:#fff}
.ds-stage[data-skin="flat"] .ds-s-card:nth-child(2){background:#1e8449;color:#fff}
.ds-stage[data-skin="flat"] .ds-s-card:nth-child(3){background:#f1c40f;color:#2c3e50}
.ds-stage[data-skin="flat"] .ds-s-card:nth-child(1) .ds-s-text,.ds-stage[data-skin="flat"] .ds-s-card:nth-child(2) .ds-s-text{color:#fff}
.ds-stage[data-skin="flat"] .ds-s-card:nth-child(3) .ds-s-text{color:#2c3e50}
.ds-stage[data-skin="flat"] .ds-s-btn{box-shadow:none}
.ds-stage[data-skin="flat"] .ds-s-btn--ghost{border:2px solid var(--s-accent);background:transparent;color:var(--s-accent);box-shadow:none}
.ds-stage[data-skin="flat"] .ds-s-input{border:0;background:var(--s-surface);color:var(--s-muted)}
.ds-stage[data-skin="flat"] .ds-s-title{font-weight:800}
.ds-stage[data-skin="flat"] .ds-s-kicker{font-weight:800;color:var(--s-accent)}

/* material */
.ds-stage[data-skin="material"]{--s-bg:#fef7ff;--s-surface:#f3edf7;--s-text:#1d1b20;--s-muted:#49454f;--s-accent:#6750a4;--s-on-accent:#fff;--s-border:#cac4d0;--s-radius:12px;--s-font:"Roboto",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-font:var(--s-font)}
.ds-stage[data-skin="material"] .ds-s-card{border:0;box-shadow:0 1px 2px rgba(0,0,0,.3),0 1px 3px 1px rgba(0,0,0,.15)}
.ds-stage[data-skin="material"] .ds-s-card:nth-child(2){box-shadow:0 1px 2px rgba(0,0,0,.3),0 2px 6px 2px rgba(0,0,0,.15)}
.ds-stage[data-skin="material"] .ds-s-card:nth-child(3){box-shadow:0 1px 3px rgba(0,0,0,.3),0 4px 8px 3px rgba(0,0,0,.15)}
.ds-stage[data-skin="material"] .ds-s-btn{border-radius:20px;font-weight:500;letter-spacing:.01em}
.ds-stage[data-skin="material"] .ds-s-btn--ghost{border:1px solid #79747e;background:transparent;color:var(--s-accent);box-shadow:none}
.ds-stage[data-skin="material"] .ds-s-input{border:0;border-bottom:2px solid var(--s-accent);border-radius:4px 4px 0 0;background:#e6e0e9;color:var(--s-muted)}
.ds-stage[data-skin="material"] .ds-s-title{font-weight:500}
.ds-stage[data-skin="material"] .ds-s-kicker,.ds-stage[data-skin="material"] .ds-s-card-title,.ds-stage[data-skin="material"] .ds-s-num{font-weight:500}

/* swiss */
.ds-stage[data-skin="swiss"]{--s-bg:#fff;--s-surface:#fff;--s-text:#111;--s-muted:#4a4a4a;--s-accent:#e30613;--s-on-accent:#fff;--s-border:#111;--s-radius:0;--s-font:"Inter",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-font:var(--s-font);--s-title-size:52px}
.ds-stage[data-skin="swiss"] .ds-s-nav{padding-bottom:12px;border-bottom:3px solid #111}
.ds-stage[data-skin="swiss"] .ds-s-logo{font-weight:800;letter-spacing:-.02em}
.ds-stage[data-skin="swiss"] .ds-s-title{font-weight:800;letter-spacing:-.04em;line-height:1}
.ds-stage[data-skin="swiss"] .ds-s-kicker{font-weight:800;text-transform:uppercase}
.ds-stage[data-skin="swiss"] .ds-s-btn{font-weight:800;box-shadow:none}
.ds-stage[data-skin="swiss"] .ds-s-btn--ghost{border:2px solid #111;background:transparent;color:#111}
.ds-stage[data-skin="swiss"] .ds-s-card{padding:12px 0 0;border:0;border-top:3px solid #111;background:transparent}
.ds-stage[data-skin="swiss"] .ds-s-ico{filter:grayscale(1)}
.ds-stage[data-skin="swiss"] .ds-s-card-title,.ds-stage[data-skin="swiss"] .ds-s-num{font-weight:800}
.ds-stage[data-skin="swiss"] .ds-s-bottom{padding-top:14px;border-top:1px solid #111}
.ds-stage[data-skin="swiss"] .ds-s-input{border:1px solid #111;background:#fff}

/* bento */
.ds-stage[data-skin="bento"]{--s-bg:#f5f5f7;--s-surface:#fff;--s-text:#1d1d1f;--s-muted:#5e5e63;--s-accent:#0071e3;--s-on-accent:#fff;--s-border:transparent;--s-radius:24px;--s-font:"Inter",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-font:var(--s-font);--s-cards-cols:2}
.ds-stage[data-skin="bento"] .ds-s-card{padding:22px;border:0}
.ds-stage[data-skin="bento"] .ds-s-card:first-child{grid-column:1/-1}
.ds-stage[data-skin="bento"] .ds-s-card:nth-child(2){background:#1d1d1f;color:#f5f5f7}
.ds-stage[data-skin="bento"] .ds-s-card:nth-child(2) .ds-s-text{color:#d2d2d7}
.ds-stage[data-skin="bento"] .ds-s-card:nth-child(3){background:#0071e3;color:#fff}
.ds-stage[data-skin="bento"] .ds-s-card:nth-child(3) .ds-s-text{color:#fff}
.ds-stage[data-skin="bento"] .ds-s-btn{border-radius:999px}
.ds-stage[data-skin="bento"] .ds-s-btn--ghost{background:#fff;box-shadow:none}
.ds-stage[data-skin="bento"] .ds-s-bottom{padding:16px 22px;border-radius:24px;background:#fff}
.ds-stage[data-skin="bento"] .ds-s-input{border:0;background:#f5f5f7}
.ds-stage[data-skin="bento"] .ds-s-title,.ds-stage[data-skin="bento"] .ds-s-num{font-weight:800}
.ds-stage[data-skin="bento"] .ds-s-num{font-size:34px}

/* y2k */
.ds-stage[data-skin="y2k"]{--s-bg:#f5f7fa;--s-surface:#fff;--s-text:#1b2340;--s-muted:#444d6b;--s-accent:#ff8ad8;--s-on-accent:#1b2340;--s-border:#fff;--s-radius:999px;--s-font:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-font:"Orbitron",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-size:32px;
  background:radial-gradient(circle at 12% 8%,rgba(127,211,255,.55),transparent 38%),radial-gradient(circle at 92% 30%,rgba(255,138,216,.45),transparent 40%),linear-gradient(160deg,#f5f7fa,#e3e9f2 55%,#f5f7fa)}
.ds-stage[data-skin="y2k"] .ds-s-logo{font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.ds-stage[data-skin="y2k"] .ds-s-kicker{color:#6a35c9;font-weight:800}
.ds-stage[data-skin="y2k"] .ds-s-kicker::before{content:"✦ "}
.ds-stage[data-skin="y2k"] .ds-s-title{font-weight:800;letter-spacing:.02em;text-shadow:0 2px 0 #fff,0 6px 14px rgba(127,211,255,.6)}
.ds-stage[data-skin="y2k"] .ds-s-btn{border:1px solid rgba(255,255,255,.9);background:linear-gradient(180deg,#ffb3e6 0%,#ff8ad8 45%,#ff6fcf 55%,#ffa6e3 100%);font-weight:700;box-shadow:inset 0 2px 1px rgba(255,255,255,.9),inset 0 -3px 6px rgba(190,60,150,.35),0 4px 10px rgba(255,138,216,.45)}
.ds-stage[data-skin="y2k"] .ds-s-btn--ghost{background:linear-gradient(180deg,#fff 0%,#c0c7d1 50%,#eef1f5 51%,#dfe4ea 100%);color:#1b2340;box-shadow:inset 0 2px 1px #fff,0 3px 8px rgba(60,80,120,.25)}
.ds-stage[data-skin="y2k"] .ds-s-card{border:1px solid #fff;border-radius:24px;background:linear-gradient(180deg,#fff,#dfe5ee);box-shadow:inset 0 2px 0 #fff,0 8px 20px rgba(60,80,120,.18)}
.ds-stage[data-skin="y2k"] .ds-s-ico{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#7fd3ff 70%);box-shadow:inset 0 -3px 6px rgba(40,120,200,.35),0 2px 4px rgba(60,80,120,.25)}
.ds-stage[data-skin="y2k"] .ds-s-card-title,.ds-stage[data-skin="y2k"] .ds-s-num{color:#1b2340;font-weight:800}
.ds-stage[data-skin="y2k"] .ds-s-input{border:1px solid #c0c7d1;background:#fff;color:#5a6380;box-shadow:inset 0 2px 5px rgba(60,80,120,.2)}

/* memphis */
.ds-stage[data-skin="memphis"]{--s-bg:#fff8ec;--s-surface:#fff;--s-text:#111;--s-muted:#3d3d3d;--s-accent:#ff5c8a;--s-on-accent:#111;--s-border:#111;--s-radius:0;--s-font:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-font:"Archivo Black",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-size:36px}
.ds-stage[data-skin="memphis"] .ds-s-nav{padding-bottom:12px;border-bottom:3px solid #111}
.ds-stage[data-skin="memphis"] .ds-s-logo{font-weight:800}
.ds-stage[data-skin="memphis"] .ds-s-links{color:#111;font-weight:700}
.ds-stage[data-skin="memphis"] .ds-s-hero{position:relative}
.ds-stage[data-skin="memphis"] .ds-s-hero::before{content:"";position:absolute;right:8px;bottom:6px;z-index:-1;width:120px;height:26px;background:repeating-linear-gradient(-45deg,#5b5bd6 0 5px,transparent 5px 11px)}
.ds-stage[data-skin="memphis"] .ds-s-hero::after{content:"";position:absolute;right:20px;top:0;z-index:-1;width:96px;height:96px;background:radial-gradient(circle,#3bceac 3px,transparent 3.5px) 0 0/14px 14px}
.ds-stage[data-skin="memphis"] .ds-s-kicker{padding:2px 10px;border:2px solid #111;background:#ffd23f;color:#111;font-weight:800}
.ds-stage[data-skin="memphis"] .ds-s-title{line-height:1.2}
.ds-stage[data-skin="memphis"] .ds-s-btn{border:3px solid #111;border-radius:999px;font-weight:800;box-shadow:4px 4px 0 #111}
.ds-stage[data-skin="memphis"] .ds-s-btn--ghost{background:#fff;color:#111;box-shadow:4px 4px 0 #111}
.ds-stage[data-skin="memphis"] .ds-s-card{border:3px solid #111;background:#fff;box-shadow:6px 6px 0 #111}
.ds-stage[data-skin="memphis"] .ds-s-card:nth-child(1){background:#ffd23f}
.ds-stage[data-skin="memphis"] .ds-s-card:nth-child(3){background:#3bceac}
.ds-stage[data-skin="memphis"] .ds-s-ico{display:inline-grid;place-items:center;width:34px;height:34px;border:3px solid #111;border-radius:50%;background:#ff5c8a}
.ds-stage[data-skin="memphis"] .ds-s-card:nth-child(2) .ds-s-ico{border-radius:0;background:#5b5bd6}
.ds-stage[data-skin="memphis"] .ds-s-card-title{font-weight:800}
.ds-stage[data-skin="memphis"] .ds-s-text{color:#1f1f1f}
.ds-stage[data-skin="memphis"] .ds-s-bottom{padding:12px 16px;border:3px solid #111;background:#5b5bd6;box-shadow:6px 6px 0 #111}
.ds-stage[data-skin="memphis"] .ds-s-stat,.ds-stage[data-skin="memphis"] .ds-s-num{color:#fff}
.ds-stage[data-skin="memphis"] .ds-s-input{border:3px solid #111;background:#fff;color:#444}

/* vaporwave */
.ds-stage[data-skin="vaporwave"]{--s-bg:#240b4f;--s-surface:rgba(36,11,79,.82);--s-text:#fff4ff;--s-muted:#e0d2ff;--s-accent:#ff71ce;--s-on-accent:#240b4f;--s-border:#01cdfe;--s-radius:0;--s-font:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-font:"VT323",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-size:46px;position:relative;
  background:linear-gradient(180deg,#240b4f 0%,#4b1d8f 55%,#b967ff 100%)}
.ds-stage[data-skin="vaporwave"]::after{content:"";position:absolute;right:0;bottom:0;left:0;z-index:-1;height:42%;pointer-events:none;background:linear-gradient(rgba(1,205,254,.55) 1px,transparent 1px) 0 0/100% 20px,linear-gradient(90deg,rgba(1,205,254,.4) 1px,transparent 1px) 0 0/28px 100%,linear-gradient(180deg,rgba(36,11,79,0),rgba(36,11,79,.95))}
.ds-stage[data-skin="vaporwave"] .ds-s-logo{font-size:24px;letter-spacing:.06em}
.ds-stage[data-skin="vaporwave"] .ds-s-links{color:#01cdfe}
.ds-stage[data-skin="vaporwave"] .ds-s-kicker{color:#01cdfe;font-family:var(--s-title-font);font-size:16px;letter-spacing:.1em}
.ds-stage[data-skin="vaporwave"] .ds-s-title{font-weight:400;line-height:1.1;letter-spacing:.02em;text-shadow:3px 3px 0 #ff71ce,-2px -2px 0 rgba(1,205,254,.8)}
.ds-stage[data-skin="vaporwave"] .ds-s-btn{border:2px solid #fff4ff;font-family:var(--s-title-font);font-size:17px;font-weight:400;letter-spacing:.04em;box-shadow:inset -2px -2px 0 rgba(36,11,79,.45),inset 2px 2px 0 rgba(255,255,255,.6),3px 3px 0 #01cdfe}
.ds-stage[data-skin="vaporwave"] .ds-s-btn--ghost{border-color:#01cdfe;background:#240b4f;color:#01cdfe;box-shadow:3px 3px 0 #ff71ce}
.ds-stage[data-skin="vaporwave"] .ds-s-card{padding-top:16px;border:2px solid #01cdfe;background:var(--s-surface);box-shadow:4px 4px 0 #ff71ce}
.ds-stage[data-skin="vaporwave"] .ds-s-card::before{content:"";display:block;height:16px;margin:-16px -16px 6px;border-bottom:2px solid #01cdfe;background:linear-gradient(90deg,#b967ff,#01cdfe)}
.ds-stage[data-skin="vaporwave"] .ds-s-card-title{color:#fff4ff}
.ds-stage[data-skin="vaporwave"] .ds-s-num{color:#fff4ff;font-size:36px;text-shadow:2px 2px 0 #ff71ce}
.ds-stage[data-skin="vaporwave"] .ds-s-input{border:2px solid #01cdfe;background:#240b4f;color:#cbbaff}

/* pixel */
.ds-stage[data-skin="pixel"]{--s-bg:#1d1b3a;--s-surface:#34346b;--s-text:#f8f8e8;--s-muted:#c8c8e8;--s-accent:#ffcc33;--s-on-accent:#1d1b3a;--s-border:#f8f8e8;--s-radius:0;--s-font:"Press Start 2P",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-font:var(--s-font);--s-title-size:24px}
.ds-stage[data-skin="pixel"] .ds-s-nav{padding-bottom:12px;border-bottom:4px solid #f8f8e8}
.ds-stage[data-skin="pixel"] .ds-s-logo{font-size:14px}
.ds-stage[data-skin="pixel"] .ds-s-links{font-size:12px}
.ds-stage[data-skin="pixel"] .ds-s-kicker{color:#4ade80;font-size:10px;font-weight:400;letter-spacing:0}
.ds-stage[data-skin="pixel"] .ds-s-title{font-weight:400;line-height:1.5;text-shadow:4px 4px 0 #34346b}
.ds-stage[data-skin="pixel"] .ds-s-sub{font-size:12px;line-height:1.8}
.ds-stage[data-skin="pixel"] .ds-s-btn{border:0;padding:12px 16px;font-size:12px;font-weight:400;box-shadow:0 -4px 0 0 #f8f8e8,0 4px 0 0 #f8f8e8,-4px 0 0 0 #f8f8e8,4px 0 0 0 #f8f8e8,inset -4px -4px 0 0 rgba(0,0,0,.25)}
.ds-stage[data-skin="pixel"] .ds-s-btn--ghost{background:transparent;color:#f8f8e8;box-shadow:0 -4px 0 0 #f8f8e8,0 4px 0 0 #f8f8e8,-4px 0 0 0 #f8f8e8,4px 0 0 0 #f8f8e8}
.ds-stage[data-skin="pixel"] .ds-s-card{border:0;background:#34346b;box-shadow:0 -4px 0 0 #f8f8e8,0 4px 0 0 #f8f8e8,-4px 0 0 0 #f8f8e8,4px 0 0 0 #f8f8e8,8px 8px 0 0 rgba(0,0,0,.45)}
.ds-stage[data-skin="pixel"] .ds-s-card-title{font-size:14px;font-weight:400;line-height:1.5}
.ds-stage[data-skin="pixel"] .ds-s-text{font-size:12px;line-height:1.8}
.ds-stage[data-skin="pixel"] .ds-s-bottom{padding-top:16px;border-top:4px solid #34346b}
.ds-stage[data-skin="pixel"] .ds-s-stat{font-size:12px}
.ds-stage[data-skin="pixel"] .ds-s-num{color:#ffcc33;font-size:18px}
.ds-stage[data-skin="pixel"] .ds-s-input{border:0;background:#1d1b3a;font-size:10px;box-shadow:0 -4px 0 0 #f8f8e8,0 4px 0 0 #f8f8e8,-4px 0 0 0 #f8f8e8,4px 0 0 0 #f8f8e8}

/* brutalism */
.ds-stage[data-skin="brutalism"]{--s-bg:#fff;--s-surface:#fff;--s-text:#000;--s-muted:#222;--s-accent:#0000ee;--s-on-accent:#fff;--s-border:#000;--s-radius:0;--s-font:"Space Mono",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-font:var(--s-font);--s-title-size:38px}
.ds-stage[data-skin="brutalism"] .ds-s-nav{padding-bottom:8px;border-bottom:2px solid #000}
.ds-stage[data-skin="brutalism"] .ds-s-logo{font-weight:700}
.ds-stage[data-skin="brutalism"] .ds-s-links{color:#0000ee;text-decoration:underline}
.ds-stage[data-skin="brutalism"] .ds-s-kicker{color:#0000ee;font-weight:700;letter-spacing:0;text-decoration:underline}
.ds-stage[data-skin="brutalism"] .ds-s-title{font-weight:700;line-height:1.1;letter-spacing:-.02em}
.ds-stage[data-skin="brutalism"] .ds-s-btn{padding:8px 14px;border:2px solid #000;background:#e5e5e5;color:#000;font-weight:700;box-shadow:none}
.ds-stage[data-skin="brutalism"] .ds-s-btn--ghost{padding-left:0;border:0;background:transparent;color:#0000ee;text-decoration:underline}
.ds-stage[data-skin="brutalism"] .ds-s-card{padding:14px;border:2px solid #000;background:#fff}
.ds-stage[data-skin="brutalism"] .ds-s-card:nth-child(2){margin-top:18px;background:#e5e5e5}
.ds-stage[data-skin="brutalism"] .ds-s-card:nth-child(3){margin-top:6px;margin-left:-6px}
.ds-stage[data-skin="brutalism"] .ds-s-ico{filter:grayscale(1)}
.ds-stage[data-skin="brutalism"] .ds-s-card-title,.ds-stage[data-skin="brutalism"] .ds-s-num{font-weight:700}
.ds-stage[data-skin="brutalism"] .ds-s-bottom{padding-top:12px;border-top:2px solid #000}
.ds-stage[data-skin="brutalism"] .ds-s-input{border:2px solid #000;background:#fff;color:#222}

/* neo-brutalism */
.ds-stage[data-skin="neo-brutalism"]{--s-bg:#ffe066;--s-surface:#fff;--s-text:#000;--s-muted:#222;--s-accent:#ff6b6b;--s-on-accent:#000;--s-border:#000;--s-radius:8px;--s-font:"Space Grotesk",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-font:"Archivo Black",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-size:36px}
.ds-stage[data-skin="neo-brutalism"] .ds-s-nav{padding:10px 14px;border:3px solid #000;border-radius:8px;background:#fff;box-shadow:5px 5px 0 #000}
.ds-stage[data-skin="neo-brutalism"] .ds-s-links{color:#000;font-weight:700}
.ds-stage[data-skin="neo-brutalism"] .ds-s-kicker{padding:2px 10px;border:3px solid #000;border-radius:999px;background:#a0e7e5;color:#000;font-weight:700;letter-spacing:.04em}
.ds-stage[data-skin="neo-brutalism"] .ds-s-title{line-height:1.1;letter-spacing:-.01em}
.ds-stage[data-skin="neo-brutalism"] .ds-s-btn{border:3px solid #000;font-weight:700;box-shadow:4px 4px 0 #000}
.ds-stage[data-skin="neo-brutalism"] .ds-s-btn--ghost{background:#fff;color:#000;box-shadow:4px 4px 0 #000}
.ds-stage[data-skin="neo-brutalism"] .ds-s-card{border:3px solid #000;background:#fff;box-shadow:5px 5px 0 #000}
.ds-stage[data-skin="neo-brutalism"] .ds-s-card:nth-child(2){background:#a0e7e5}
.ds-stage[data-skin="neo-brutalism"] .ds-s-card:nth-child(3){background:#c3a6ff}
.ds-stage[data-skin="neo-brutalism"] .ds-s-ico{display:inline-grid;place-items:center;width:34px;height:34px;border:2px solid #000;border-radius:50%;background:#fff}
.ds-stage[data-skin="neo-brutalism"] .ds-s-card-title{font-weight:700}
.ds-stage[data-skin="neo-brutalism"] .ds-s-num{color:#000;font-family:var(--s-title-font)}
.ds-stage[data-skin="neo-brutalism"] .ds-s-stat{color:#222}
.ds-stage[data-skin="neo-brutalism"] .ds-s-bottom{padding:14px 16px;border:3px solid #000;border-radius:8px;background:#fff;box-shadow:5px 5px 0 #000}
.ds-stage[data-skin="neo-brutalism"] .ds-s-input{border:3px solid #000;background:#fff;color:#333}

/* cyberpunk */
.ds-stage[data-skin="cyberpunk"]{--s-bg:#0b0b12;--s-surface:#151522;--s-text:#f0f0f5;--s-muted:#9aa3b5;--s-accent:#fcee0a;--s-on-accent:#0b0b12;--s-border:#05d9e8;--s-radius:0;--s-font:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-font:"Orbitron",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-size:32px;
  background:radial-gradient(circle at 92% 0,rgba(255,42,109,.28),transparent 45%),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px),#0b0b12}
.ds-stage[data-skin="cyberpunk"] .ds-s-nav{padding-bottom:12px;border-bottom:1px solid rgba(5,217,232,.5)}
.ds-stage[data-skin="cyberpunk"] .ds-s-logo{color:#fcee0a;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 10px rgba(252,238,10,.6)}
.ds-stage[data-skin="cyberpunk"] .ds-s-links{color:#05d9e8;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.ds-stage[data-skin="cyberpunk"] .ds-s-kicker{color:#05d9e8;text-transform:uppercase}
.ds-stage[data-skin="cyberpunk"] .ds-s-title{color:#fff;font-weight:800;text-transform:uppercase;text-shadow:2px 0 0 #ff2a6d,-2px 0 0 #05d9e8,0 0 18px rgba(5,217,232,.45)}
.ds-stage[data-skin="cyberpunk"] .ds-s-btn{font-family:var(--s-title-font);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.ds-stage[data-skin="cyberpunk"] .ds-s-btn--ghost{background:rgba(5,217,232,.08);color:#05d9e8;box-shadow:inset 0 0 0 1px #05d9e8}
.ds-stage[data-skin="cyberpunk"] .ds-s-card{border:1px solid #05d9e8;background:#151522;box-shadow:inset 3px 0 0 #ff2a6d;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
.ds-stage[data-skin="cyberpunk"] .ds-s-ico{filter:drop-shadow(0 0 6px #05d9e8)}
.ds-stage[data-skin="cyberpunk"] .ds-s-card-title{color:#fcee0a}
.ds-stage[data-skin="cyberpunk"] .ds-s-num{color:#fcee0a;font-weight:800;text-shadow:0 0 12px rgba(252,238,10,.55)}
.ds-stage[data-skin="cyberpunk"] .ds-s-bottom{padding-top:14px;border-top:1px solid rgba(255,42,109,.6)}
.ds-stage[data-skin="cyberpunk"] .ds-s-input{border:1px solid #05d9e8;background:#0b0b12;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}

/* acid */
.ds-stage[data-skin="acid"]{--s-bg:#0a0a0a;--s-surface:#141414;--s-text:#f2f2f2;--s-muted:#b4bac4;--s-accent:#c6ff00;--s-on-accent:#0a0a0a;--s-border:#c9ced6;--s-radius:0;--s-font:"Space Grotesk",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-font:var(--s-font);--s-title-size:40px;
  background:linear-gradient(rgba(198,255,0,.1) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(198,255,0,.1) 1px,transparent 1px) 0 0/32px 32px,#0a0a0a}
.ds-stage[data-skin="acid"] .ds-s-nav{padding-bottom:10px;border-bottom:1px solid #c9ced6}
.ds-stage[data-skin="acid"] .ds-s-logo{font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.ds-stage[data-skin="acid"] .ds-s-links{font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.ds-stage[data-skin="acid"] .ds-s-kicker{color:#c9ced6;text-transform:uppercase}
.ds-stage[data-skin="acid"] .ds-s-kicker::before{content:"// ";color:#c6ff00}
.ds-stage[data-skin="acid"] .ds-s-title{color:transparent;-webkit-text-stroke:2px #c6ff00;font-weight:700;line-height:1.1;letter-spacing:.01em;transform:skewX(-8deg);transform-origin:left bottom}
@supports not (-webkit-text-stroke:2px #000){.ds-stage[data-skin="acid"] .ds-s-title{color:#c6ff00}}
.ds-stage[data-skin="acid"] .ds-s-btn{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ds-stage[data-skin="acid"] .ds-s-btn--sm{background:linear-gradient(180deg,#f4f6f8 0%,#9aa1ad 49%,#eef1f4 51%,#c9ced6 100%);color:#0a0a0a}
.ds-stage[data-skin="acid"] .ds-s-btn--ghost{border:1px solid #c9ced6;background:transparent;color:#f2f2f2;box-shadow:none}
.ds-stage[data-skin="acid"] .ds-s-cards{counter-reset:ds-acid}
.ds-stage[data-skin="acid"] .ds-s-card{border:1px solid #c9ced6;background:#141414}
.ds-stage[data-skin="acid"] .ds-s-card::before{counter-increment:ds-acid;content:"FIG." counter(ds-acid,decimal-leading-zero);color:#c6ff00;font-size:11px;font-weight:700;letter-spacing:.14em}
.ds-stage[data-skin="acid"] .ds-s-ico{filter:grayscale(1) contrast(1.2)}
.ds-stage[data-skin="acid"] .ds-s-card-title{font-weight:700}
.ds-stage[data-skin="acid"] .ds-s-num{background:linear-gradient(180deg,#fff 0%,#9aa1ad 50%,#e8ebef 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
.ds-stage[data-skin="acid"] .ds-s-bottom{padding-top:14px;border-top:1px solid #c9ced6}
.ds-stage[data-skin="acid"] .ds-s-input{border:1px solid #c9ced6;background:#0a0a0a;color:#b4bac4}

/* new-chinese */
.ds-stage[data-skin="new-chinese"]{--s-bg:#f3ede2;--s-surface:#faf6ec;--s-text:#1f1f1f;--s-muted:#5a5348;--s-accent:#b7312c;--s-on-accent:#f3ede2;--s-border:#b08d57;--s-radius:2px;--s-font:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-font:"Playfair Display","Songti SC","STSong","SimSun",serif;--s-title-size:36px}
.ds-stage[data-skin="new-chinese"] .ds-s-nav{padding-bottom:12px;border-bottom:1px solid #1f1f1f}
.ds-stage[data-skin="new-chinese"] .ds-s-logo{font-size:20px;letter-spacing:.12em}
.ds-stage[data-skin="new-chinese"] .ds-s-links{color:#1f1f1f;font-family:"Songti SC","STSong","SimSun",serif}
.ds-stage[data-skin="new-chinese"] .ds-s-hero{padding-left:16px;border-left:2px solid #b7312c}
.ds-stage[data-skin="new-chinese"] .ds-s-kicker{color:#b7312c;font-family:"Kaiti SC","STKaiti","KaiTi",serif;font-size:13px;letter-spacing:.2em}
.ds-stage[data-skin="new-chinese"] .ds-s-title{font-weight:700;line-height:1.3;letter-spacing:.04em}
.ds-stage[data-skin="new-chinese"] .ds-s-btn{border-radius:2px;background:#b7312c;color:#f3ede2;font-family:"Songti SC","STSong","SimSun",serif;font-weight:700;letter-spacing:.12em;box-shadow:inset 0 0 0 2px #b7312c,inset 0 0 0 3px #f3ede2}
.ds-stage[data-skin="new-chinese"] .ds-s-btn--sm{padding:6px 14px}
.ds-stage[data-skin="new-chinese"] .ds-s-btn--ghost{background:transparent;color:#b7312c;box-shadow:inset 0 0 0 1px #b7312c}
.ds-stage[data-skin="new-chinese"] .ds-s-card{padding:18px 16px;border:1px solid #b08d57;background:#faf6ec;box-shadow:inset 0 0 0 4px #faf6ec,inset 0 0 0 5px rgba(176,141,87,.5)}
.ds-stage[data-skin="new-chinese"] .ds-s-ico{filter:sepia(.6) saturate(1.4)}
.ds-stage[data-skin="new-chinese"] .ds-s-card-title{color:#b7312c;font-family:"Songti SC","STSong","SimSun",serif;font-size:15px;letter-spacing:.08em}
.ds-stage[data-skin="new-chinese"] .ds-s-text{color:#5a5348}
.ds-stage[data-skin="new-chinese"] .ds-s-bottom{padding:16px 18px;border-top:3px dashed #b08d57;background:#3e5f5b;color:#f3ede2}
.ds-stage[data-skin="new-chinese"] .ds-s-stat{color:#e6ece6}
.ds-stage[data-skin="new-chinese"] .ds-s-num{color:#f3ede2;font-weight:700}
.ds-stage[data-skin="new-chinese"] .ds-s-bottom .ds-s-btn{background:#b08d57;color:#1f1f1f;box-shadow:inset 0 0 0 2px #b08d57,inset 0 0 0 3px #1f1f1f}
.ds-stage[data-skin="new-chinese"] .ds-s-input{border:1px solid #b08d57;background:#f3ede2;color:#5a5348}

/* hand-drawn */
.ds-stage[data-skin="hand-drawn"]{--s-bg:#fffdf6;--s-surface:#fff;--s-text:#222;--s-muted:#555;--s-accent:#ffe066;--s-on-accent:#222;--s-border:#222;--s-radius:15px;--s-font:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-font:"Caveat",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-size:46px;
  background:repeating-linear-gradient(0deg,transparent 0 27px,rgba(80,120,200,.12) 27px 28px),#fffdf6}
.ds-stage[data-skin="hand-drawn"] .ds-s-nav{padding-bottom:10px;border-bottom:2px solid #222}
.ds-stage[data-skin="hand-drawn"] .ds-s-logo{font-size:28px;font-weight:700}
.ds-stage[data-skin="hand-drawn"] .ds-s-links{color:#222}
.ds-stage[data-skin="hand-drawn"] .ds-s-kicker{padding:0 6px;background:linear-gradient(transparent 55%,#ffe066 55%);color:#222;font-weight:700;letter-spacing:.04em}
.ds-stage[data-skin="hand-drawn"] .ds-s-title{font-weight:700;line-height:1.05}
.ds-stage[data-skin="hand-drawn"] .ds-s-sub{color:#444}
.ds-stage[data-skin="hand-drawn"] .ds-s-btn{border:2px solid #222;border-radius:255px 15px 225px 15px/15px 225px 15px 255px;background:#ffe066;color:#222;font-weight:700}
.ds-stage[data-skin="hand-drawn"] .ds-s-btn--ghost{background:#fff;color:#222;box-shadow:none}
.ds-stage[data-skin="hand-drawn"] .ds-s-card{padding:18px 16px;border:2px solid #222;border-radius:255px 15px 225px 15px/15px 225px 15px 255px;background:#fff;box-shadow:3px 3px 0 rgba(34,34,34,.18)}
.ds-stage[data-skin="hand-drawn"] .ds-s-card:nth-child(1){transform:rotate(-1.2deg)}
.ds-stage[data-skin="hand-drawn"] .ds-s-card:nth-child(2){background:#fff4c2;transform:rotate(1deg)}
.ds-stage[data-skin="hand-drawn"] .ds-s-card:nth-child(3){transform:rotate(-.6deg)}
.ds-stage[data-skin="hand-drawn"] .ds-s-card-title{font-family:var(--s-title-font);font-size:20px;font-weight:700}
.ds-stage[data-skin="hand-drawn"] .ds-s-text{color:#444}
.ds-stage[data-skin="hand-drawn"] .ds-s-num{font-size:36px;font-weight:700}
.ds-stage[data-skin="hand-drawn"] .ds-s-bottom{padding-top:14px;border-top:2px dashed #222}
.ds-stage[data-skin="hand-drawn"] .ds-s-input{border:2px solid #222;border-radius:15px 225px 15px 255px/255px 15px 225px 15px;background:#fff;color:#555}

/* wabi-sabi */
.ds-stage[data-skin="wabi-sabi"]{--s-bg:#e8e2d6;--s-surface:rgba(255,255,255,.3);--s-text:#4a4038;--s-muted:#655848;--s-accent:#6a5a4b;--s-on-accent:#f5f0e6;--s-border:#8c7b6b;--s-radius:2px;--s-font:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-font:"Playfair Display","Songti SC","STSong","SimSun",serif;--s-title-size:34px;
  background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.4),transparent 42%),repeating-conic-gradient(rgba(74,64,56,.025) 0 25%,transparent 0 50%) 0 0/4px 4px,#e8e2d6}
.ds-stage[data-skin="wabi-sabi"] .ds-s{gap:34px;padding:28px 32px 32px}
.ds-stage[data-skin="wabi-sabi"] .ds-s-nav{padding-bottom:14px;border-bottom:1px solid #8c7b6b}
.ds-stage[data-skin="wabi-sabi"] .ds-s-logo{font-weight:400;letter-spacing:.16em}
.ds-stage[data-skin="wabi-sabi"] .ds-s-kicker{color:#6a5a4b;font-weight:400;letter-spacing:.24em}
.ds-stage[data-skin="wabi-sabi"] .ds-s-title{font-weight:400;line-height:1.4;letter-spacing:.02em}
.ds-stage[data-skin="wabi-sabi"] .ds-s-sub{line-height:1.8}
.ds-stage[data-skin="wabi-sabi"] .ds-s-btn{border-radius:2px 14px 3px 10px;font-weight:400;letter-spacing:.08em}
.ds-stage[data-skin="wabi-sabi"] .ds-s-btn--ghost{background:transparent;color:#4a4038;box-shadow:inset 0 0 0 1px #8c7b6b}
.ds-stage[data-skin="wabi-sabi"] .ds-s-card{padding:22px 18px;border:0;border-top:1px solid #8c7b6b;border-radius:2px 14px 3px 10px;background:rgba(255,255,255,.3)}
.ds-stage[data-skin="wabi-sabi"] .ds-s-ico{filter:grayscale(1) sepia(.5)}
.ds-stage[data-skin="wabi-sabi"] .ds-s-card-title{font-weight:400;letter-spacing:.06em}
.ds-stage[data-skin="wabi-sabi"] .ds-s-text{line-height:1.8}
.ds-stage[data-skin="wabi-sabi"] .ds-s-bottom{padding-top:20px;border-top:1px solid #8c7b6b}
.ds-stage[data-skin="wabi-sabi"] .ds-s-num{font-weight:400}
.ds-stage[data-skin="wabi-sabi"] .ds-s-input{border:0;border-bottom:1px solid #8c7b6b;border-radius:0;background:transparent;color:#655848}

/* organic */
.ds-stage[data-skin="organic"]{--s-bg:#f2e8d5;--s-surface:#fbf5e8;--s-text:#2b3a2e;--s-muted:#55604f;--s-accent:#2f4f3a;--s-on-accent:#f2e8d5;--s-border:#a3b18a;--s-radius:24px;--s-font:"Nunito",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-font:"Playfair Display","Songti SC","STSong","SimSun",serif;--s-title-size:34px;
  background:radial-gradient(circle at 100% 0,rgba(163,177,138,.45),transparent 42%),radial-gradient(circle at 0 100%,rgba(201,123,74,.18),transparent 42%),#f2e8d5}
.ds-stage[data-skin="organic"] .ds-s-nav{padding-bottom:12px}
.ds-stage[data-skin="organic"] .ds-s-logo{font-weight:700}
.ds-stage[data-skin="organic"] .ds-s-kicker{color:#2f4f3a;font-weight:800;letter-spacing:.14em}
.ds-stage[data-skin="organic"] .ds-s-title{font-weight:700;line-height:1.25}
.ds-stage[data-skin="organic"] .ds-s-btn{border-radius:28px 12px 28px 12px;font-weight:800}
.ds-stage[data-skin="organic"] .ds-s-btn--ghost{background:transparent;color:#2f4f3a;box-shadow:inset 0 0 0 2px #a3b18a}
.ds-stage[data-skin="organic"] .ds-s-card{padding:18px;border:0;background:#fbf5e8;box-shadow:0 10px 24px rgba(47,79,58,.12)}
.ds-stage[data-skin="organic"] .ds-s-card:nth-child(1){border-radius:34px 12px 30px 14px}
.ds-stage[data-skin="organic"] .ds-s-card:nth-child(2){border-radius:14px 34px 12px 30px}
.ds-stage[data-skin="organic"] .ds-s-card:nth-child(3){border-radius:30px 14px 34px 12px}
.ds-stage[data-skin="organic"] .ds-s-ico{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e1e8d0}
.ds-stage[data-skin="organic"] .ds-s-card-title{font-weight:800}
.ds-stage[data-skin="organic"] .ds-s-bottom{padding-top:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='10' viewBox='0 0 40 10'%3E%3Cpath d='M0 5 Q10 0 20 5 T40 5' fill='none' stroke='%23A3B18A' stroke-width='2'/%3E%3C/svg%3E") repeat-x 0 0/40px 10px}
.ds-stage[data-skin="organic"] .ds-s-num{color:#2f4f3a;font-weight:700}
.ds-stage[data-skin="organic"] .ds-s-input{border:2px solid #a3b18a;border-radius:20px 8px 20px 8px;background:#fbf5e8;color:#55604f}

/* data-screen */
.ds-stage[data-skin="data-screen"]{--s-bg:#020b1f;--s-surface:rgba(30,144,255,.1);--s-text:#e6f7ff;--s-muted:#8fb4d6;--s-accent:#00e5ff;--s-on-accent:#020b1f;--s-border:rgba(0,229,255,.35);--s-radius:0;--s-font:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-font:"Orbitron",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-size:28px;
  background:radial-gradient(circle at 50% -10%,rgba(30,144,255,.35),transparent 55%),radial-gradient(circle at 90% 100%,rgba(0,229,255,.12),transparent 45%),#020b1f}
.ds-stage[data-skin="data-screen"] .ds-s-nav{padding-bottom:12px;border-bottom:1px solid rgba(0,229,255,.35)}
.ds-stage[data-skin="data-screen"] .ds-s-logo{color:#00e5ff;font-weight:800;letter-spacing:.12em;text-shadow:0 0 10px rgba(0,229,255,.6)}
.ds-stage[data-skin="data-screen"] .ds-s-links{color:#8fb4d6}
.ds-stage[data-skin="data-screen"] .ds-s-kicker{color:#00e5ff;letter-spacing:.2em}
.ds-stage[data-skin="data-screen"] .ds-s-title{position:relative;padding-bottom:14px;font-weight:800;letter-spacing:.04em}
.ds-stage[data-skin="data-screen"] .ds-s-title::after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:linear-gradient(90deg,#00e5ff,transparent)}
.ds-stage[data-skin="data-screen"] .ds-s-btn{border:1px solid #00e5ff;font-weight:700;letter-spacing:.08em}
.ds-stage[data-skin="data-screen"] .ds-s-btn--ghost{background:rgba(0,229,255,.08);color:#00e5ff;box-shadow:none}
.ds-stage[data-skin="data-screen"] .ds-s-card{position:relative;border:1px solid rgba(0,229,255,.35);background:rgba(30,144,255,.1)}
.ds-stage[data-skin="data-screen"] .ds-s-card::before{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(#00e5ff,#00e5ff) 0 0/12px 2px no-repeat,linear-gradient(#00e5ff,#00e5ff) 0 0/2px 12px no-repeat,linear-gradient(#00e5ff,#00e5ff) 100% 0/12px 2px no-repeat,linear-gradient(#00e5ff,#00e5ff) 100% 0/2px 12px no-repeat,linear-gradient(#00e5ff,#00e5ff) 0 100%/12px 2px no-repeat,linear-gradient(#00e5ff,#00e5ff) 0 100%/2px 12px no-repeat,linear-gradient(#00e5ff,#00e5ff) 100% 100%/12px 2px no-repeat,linear-gradient(#00e5ff,#00e5ff) 100% 100%/2px 12px no-repeat}
.ds-stage[data-skin="data-screen"] .ds-s-ico{filter:drop-shadow(0 0 6px #00e5ff)}
.ds-stage[data-skin="data-screen"] .ds-s-card-title{color:#e6f7ff;letter-spacing:.04em}
.ds-stage[data-skin="data-screen"] .ds-s-num{color:#00e5ff;font-weight:800;text-shadow:0 0 12px rgba(0,229,255,.6)}
.ds-stage[data-skin="data-screen"] .ds-s-bottom{padding-top:14px;border-top:1px solid rgba(30,144,255,.5)}
.ds-stage[data-skin="data-screen"] .ds-s-input{border:1px solid rgba(0,229,255,.35);background:rgba(2,11,31,.8);color:#8fb4d6}

/* terminal */
.ds-stage[data-skin="terminal"]{--s-bg:#0a0a0a;--s-surface:#0f140f;--s-text:#33ff66;--s-muted:#3fbf5f;--s-accent:#33ff66;--s-on-accent:#0a0a0a;--s-border:#1f8f3f;--s-radius:0;--s-font:"JetBrains Mono",ui-monospace,system-ui,-apple-system,"PingFang SC","Microsoft YaHei",monospace;--s-title-font:"VT323","JetBrains Mono",ui-monospace,system-ui,-apple-system,"PingFang SC","Microsoft YaHei",monospace;--s-title-size:52px;
  background:repeating-linear-gradient(0deg,rgba(51,255,102,.04) 0 1px,transparent 1px 3px),radial-gradient(circle at 50% 0,rgba(51,255,102,.08),transparent 60%),#0a0a0a}
.ds-stage[data-skin="terminal"] .ds-s-nav{padding-bottom:12px;border-bottom:1px dashed #1f8f3f}
.ds-stage[data-skin="terminal"] .ds-s-logo::before{content:"> ";color:#3fbf5f}
.ds-stage[data-skin="terminal"] .ds-s-logo{font-size:16px}
.ds-stage[data-skin="terminal"] .ds-s-links{font-size:12px}
.ds-stage[data-skin="terminal"] .ds-s-kicker{color:#3fbf5f;font-weight:400;letter-spacing:.04em}
.ds-stage[data-skin="terminal"] .ds-s-kicker::after{content:"\2588";margin-left:6px;color:#33ff66;animation:ds-terminal-blink 1s steps(1) infinite}
.ds-stage[data-skin="terminal"] .ds-s-title{font-weight:400;line-height:1.05;text-shadow:0 0 8px rgba(51,255,102,.5)}
.ds-stage[data-skin="terminal"] .ds-s-title::before{content:"$ ";color:#3fbf5f}
.ds-stage[data-skin="terminal"] .ds-s-sub{font-size:13px}
.ds-stage[data-skin="terminal"] .ds-s-btn{padding:8px 2px;border:0;background:transparent;color:#33ff66;font-size:13px;font-weight:700}
.ds-stage[data-skin="terminal"] .ds-s-btn::before{content:"[\00a0"}
.ds-stage[data-skin="terminal"] .ds-s-btn::after{content:"\00a0]"}
.ds-stage[data-skin="terminal"] .ds-s-btn--ghost{color:#3fbf5f;box-shadow:none}
.ds-stage[data-skin="terminal"] .ds-s-card{border:1px solid #1f8f3f;background:#0f140f}
.ds-stage[data-skin="terminal"] .ds-s-ico{filter:grayscale(1) brightness(1.3)}
.ds-stage[data-skin="terminal"] .ds-s-card-title::before{content:"## ";color:#3fbf5f}
.ds-stage[data-skin="terminal"] .ds-s-num{font-size:34px;font-weight:400;text-shadow:0 0 8px rgba(51,255,102,.5)}
.ds-stage[data-skin="terminal"] .ds-s-bottom{padding-top:14px;border-top:1px dashed #1f8f3f}
.ds-stage[data-skin="terminal"] .ds-s-input{border:1px solid #1f8f3f;background:#0a0a0a;color:#3fbf5f;font-size:12px}
.ds-stage[data-skin="terminal"] .ds-s-input::before{content:"$\00a0";color:#33ff66}
@keyframes ds-terminal-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.ds-stage[data-skin="terminal"] .ds-s-kicker::after{animation:none}}

/* dark-tech */
.ds-stage[data-skin="dark-tech"]{--s-bg:#08090a;--s-surface:#111214;--s-text:#f4f5f7;--s-muted:#9aa0aa;--s-accent:#6d4df5;--s-on-accent:#fff;--s-border:rgba(255,255,255,.08);--s-radius:12px;--s-font:"Space Grotesk",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-font:var(--s-font);--s-title-size:34px;
  background:radial-gradient(ellipse at 50% 0,rgba(124,92,255,.35),transparent 55%),linear-gradient(180deg,rgba(8,9,10,0),#08090a 340px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/40px 40px,#08090a}
.ds-stage[data-skin="dark-tech"] .ds-s-nav{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.ds-stage[data-skin="dark-tech"] .ds-s-logo{letter-spacing:-.02em}
.ds-stage[data-skin="dark-tech"] .ds-s-kicker{color:#4ea8ff;font-weight:600}
.ds-stage[data-skin="dark-tech"] .ds-s-title{font-weight:700;line-height:1.1;letter-spacing:-.03em}
.ds-stage[data-skin="dark-tech"] .ds-s-btn{border-radius:8px;background:linear-gradient(135deg,#6d4df5,#3a6fe0);color:#fff;font-weight:600}
.ds-stage[data-skin="dark-tech"] .ds-s-btn--ghost{background:transparent;color:#f4f5f7;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.ds-stage[data-skin="dark-tech"] .ds-s-card{border:1px solid rgba(255,255,255,.08);background:#111214}
.ds-stage[data-skin="dark-tech"] .ds-s-card-title{letter-spacing:-.01em}
.ds-stage[data-skin="dark-tech"] .ds-s-num{font-weight:700;letter-spacing:-.03em}
.ds-stage[data-skin="dark-tech"] .ds-s-bottom{padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.ds-stage[data-skin="dark-tech"] .ds-s-input{border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#111214;color:#9aa0aa}

/* holographic */
.ds-stage[data-skin="holographic"]{--s-bg:#f7f5fa;--s-surface:#fff;--s-text:#1f2233;--s-muted:#4d5068;--s-accent:#ff9ad5;--s-on-accent:#1f2233;--s-border:transparent;--s-radius:16px;--s-font:"Space Grotesk",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--s-title-font:var(--s-font);--s-title-size:34px;
  background:radial-gradient(circle at 12% 8%,rgba(160,233,255,.5),transparent 40%),radial-gradient(circle at 92% 30%,rgba(255,154,213,.4),transparent 42%),#f7f5fa}
.ds-stage[data-skin="holographic"] .ds-s-nav{padding-bottom:12px}
.ds-stage[data-skin="holographic"] .ds-s-logo{font-weight:700;letter-spacing:.02em}
.ds-stage[data-skin="holographic"] .ds-s-kicker{color:#6b3fc4;font-weight:700}
.ds-stage[data-skin="holographic"] .ds-s-title{font-weight:700;line-height:1.1;text-shadow:2px 2px 0 rgba(255,154,213,.55),-2px -2px 0 rgba(160,233,255,.7)}
.ds-stage[data-skin="holographic"] .ds-s-btn{border-radius:999px;background:linear-gradient(115deg,#ff9ad5,#a0e9ff 35%,#c6ffdd 55%,#fbe7a1 75%,#d0b5ff);color:#1f2233;font-weight:700}
.ds-stage[data-skin="holographic"] .ds-s-btn--ghost{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from 210deg,#ff9ad5,#a0e9ff,#c6ffdd,#fbe7a1,#d0b5ff,#ff9ad5) border-box;color:#1f2233;box-shadow:none}
.ds-stage[data-skin="holographic"] .ds-s-card{padding:18px;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from 210deg,#ff9ad5,#a0e9ff,#c6ffdd,#fbe7a1,#d0b5ff,#ff9ad5) border-box}
.ds-stage[data-skin="holographic"] .ds-s-card-title{font-weight:700}
.ds-stage[data-skin="holographic"] .ds-s-text{color:#4d5068}
.ds-stage[data-skin="holographic"] .ds-s-num{font-weight:700}
.ds-stage[data-skin="holographic"] .ds-s-input{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from 210deg,#ff9ad5,#a0e9ff,#c6ffdd,#fbe7a1,#d0b5ff,#ff9ad5) border-box;color:#4d5068}