/* “白雪皑皑”主题：浅色雪景、深色文字与轻量画布飘雪。 */
body[data-appearance="tech"]{
  --deep:#274f69;
  --primary:#3e7394;
  --panel:rgba(250,253,255,.9);
  --line:#b8ccd8;
  --text:#1d2e39;
  --muted:#526773;
  --on-primary:#fff;
  --control-bg:rgba(255,255,255,.92);
  --control-text:#1b2c37;
  --control-border:#9db7c6;
  --dashboard-hero-gradient:linear-gradient(135deg,#f8fcff 0%,#e2f0f8 48%,#c7dfec 100%);
  background-color:#dcebf3!important;
  background-image:
    radial-gradient(ellipse at 14% 100%,#fff 0 20%,transparent 20.5%),
    radial-gradient(ellipse at 72% 106%,#f8fcff 0 31%,transparent 31.5%),
    radial-gradient(circle at 18% 13%,rgba(255,255,255,.95) 0 5%,transparent 18%),
    linear-gradient(180deg,#c9dfeb 0%,#e8f3f8 55%,#f8fbfd 100%)!important;
  background-size:100% 100%,100% 100%,100% 100%,100% 100%!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
  color:var(--text)!important;
}

body[data-appearance="tech"]::before{
  content:'☃'!important;
  position:fixed!important;
  right:4vw!important;
  bottom:1.5vh!important;
  inset:auto 4vw 1.5vh auto!important;
  z-index:0!important;
  width:auto!important;
  height:auto!important;
  background:none!important;
  color:#fbfdff!important;
  font:clamp(100px,15vw,190px)/1 "Segoe UI Symbol","Microsoft YaHei",sans-serif!important;
  opacity:.92!important;
  text-shadow:-3px 0 #8fa9b8,0 3px #8fa9b8,3px 0 #8fa9b8,0 -3px #8fa9b8,0 14px 30px rgba(48,80,98,.2)!important;
  animation:none!important;
  pointer-events:none!important;
}

body[data-appearance="tech"] #themeFx{z-index:3}

body[data-appearance="tech"] #app>aside{
  background:linear-gradient(180deg,rgba(43,78,99,.97),rgba(31,60,78,.97))!important;
  box-shadow:inset -1px 0 rgba(255,255,255,.38),8px 0 24px rgba(51,81,98,.12)!important;
}
body[data-appearance="tech"] #app>aside::after{
  content:'❄  ⛄  ❄'!important;
  position:absolute;
  left:18px;
  bottom:88px;
  color:#fff;
  font-size:20px;
  letter-spacing:5px;
  opacity:.5;
}
body[data-appearance="tech"] #app>aside nav button{clip-path:none!important;border:1px solid transparent!important}
body[data-appearance="tech"] #app>aside nav button.active{
  border-color:rgba(255,255,255,.7)!important;
  background:rgba(255,255,255,.18)!important;
  box-shadow:inset 3px 0 #fff!important;
}

body[data-appearance="tech"] .panel,
body[data-appearance="tech"] .placeholder,
body[data-appearance="tech"] .balance,
body[data-appearance="tech"] .tool-v2>aside,
body[data-appearance="tech"] .tool-v2>main,
body[data-appearance="tech"] .settings-top,
body[data-appearance="tech"] .profile-card,
body[data-appearance="tech"] .profile-menu,
body[data-appearance="tech"] .feedback-card,
body[data-appearance="tech"] .feedback-thread-list{
  color:var(--text)!important;
  border-color:rgba(132,161,177,.55)!important;
  background:rgba(250,253,255,.88)!important;
  box-shadow:0 8px 24px rgba(50,79,96,.11)!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
}

body[data-appearance="tech"] .panel label,
body[data-appearance="tech"] h1,
body[data-appearance="tech"] h2,
body[data-appearance="tech"] h3,
body[data-appearance="tech"] h4,
body[data-appearance="tech"] b,
body[data-appearance="tech"] strong{color:#1d2e39}
body[data-appearance="tech"] p,
body[data-appearance="tech"] small{color:#526773}

body[data-appearance="tech"] input,
body[data-appearance="tech"] select,
body[data-appearance="tech"] textarea{
  background:rgba(255,255,255,.94)!important;
  color:#1b2c37!important;
  border-color:#9db7c6!important;
}
body[data-appearance="tech"] input::placeholder,
body[data-appearance="tech"] textarea::placeholder{color:#617783!important;opacity:1}

body[data-appearance="tech"] #dashboard .hero{
  position:relative;
  overflow:hidden;
  color:#1b2d39!important;
  border:1px solid rgba(132,161,177,.5);
  box-shadow:0 12px 28px rgba(49,82,101,.13)!important;
}
body[data-appearance="tech"] #dashboard .hero::after{
  content:'☃';
  position:absolute;
  right:28px;
  bottom:-26px;
  color:#355d73;
  font:132px/1 "Segoe UI Symbol","Microsoft YaHei",sans-serif;
  opacity:.16;
  pointer-events:none;
}
body[data-appearance="tech"] #dashboard .hero>*{position:relative;z-index:1}
body[data-appearance="tech"] #dashboard .hero h1,
body[data-appearance="tech"] #dashboard .hero h2,
body[data-appearance="tech"] #dashboard .hero h3,
body[data-appearance="tech"] #dashboard .hero p{color:#1b2d39!important}
body[data-appearance="tech"] #dashboard .hero-search{background:rgba(255,255,255,.82)!important;border-color:#9db7c6!important}
body[data-appearance="tech"] #dashboard .quick-card{
  color:#1d2e39!important;
  border-color:rgba(146,174,189,.58)!important;
  background:rgba(251,254,255,.9)!important;
  box-shadow:0 7px 19px rgba(54,84,101,.1)!important;
}
body[data-appearance="tech"] #dashboard .quick-card b,
body[data-appearance="tech"] #dashboard .section-title b{color:#1d2e39!important}
body[data-appearance="tech"] #dashboard .quick-card span,
body[data-appearance="tech"] #dashboard .section-title span{color:#526773!important}

body[data-appearance="tech"] .todo-panel{
  --todo-accent:#477a98;
  --todo-ink:#203541;
  --todo-muted:#5c717d;
  --todo-surface:rgba(247,252,255,.84);
  --todo-surface-strong:rgba(255,255,255,.95);
  --todo-line:rgba(71,122,152,.22);
  --todo-glyph:'❄';
}
body[data-appearance="tech"] button:disabled,
body[data-appearance="tech"] #tools .tool-v2-command-row button:disabled{
  color:#526875!important;
  background:#dce8ee!important;
  border-color:#a8bec9!important;
}
body[data-appearance="tech"] .top-notification{
  background:linear-gradient(145deg,#fff,#dcecf5)!important;
  border-color:#b7cfdd!important;
  color:#315f7b!important;
}

@media(max-width:760px){
  body[data-appearance="tech"]::before{right:2vw!important;font-size:96px!important;opacity:.62!important}
  body[data-appearance="tech"] .panel,body[data-appearance="tech"] .tool-v2>aside,body[data-appearance="tech"] .tool-v2>main{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
@media(prefers-reduced-motion:reduce){body[data-appearance="tech"] #themeFx{display:none!important}}