/* ==========================================================================
   帕尼尼·宠物公寓 · 日 / 夜双模式主题（由 theme.js 自动切换）
   日间 day   = 奶油治愈系（明亮亲和）
   夜间 night = 深色轻奢（暗底金线）
   依据杭州（临平 30.42N,120.30E）当天日出 / 日落自动判定，纯本地计算。
   本文件由 pet_hotel_deploy/make_theme.py 生成，如需调整请改该脚本后重跑。
   ========================================================================== */

/* ======================= ☀️ 日间模式（奶油治愈系） ======================= */
/* ===================================================================
     风格 A · 奶油治愈系 Skin（仅覆盖视觉，不改结构/交互）
     =================================================================== */
html[data-theme="day"] {
    --cream:#FFFBF6; --ink:#3B322C; --brown:#8C7B6B;
    --coral:#F2886B; --coral-dark:#DE6F51;
    --sage:#8FB49A; --sage-light:#EDF5EE;
    --card:#FFFFFF; --sun:#F7C86A; --radius:30px;}
html[data-theme="day"] html {scroll-behavior:smooth}
html[data-theme="day"] body {background:var(--cream);color:var(--ink);letter-spacing:.15px;
    font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif}
/* 顶栏 */
html[data-theme="day"] nav {background:rgba(255,251,246,.88);border-bottom:1px solid rgba(59,50,44,.045);
    box-shadow:0 1px 0 rgba(255,255,255,.6) inset;padding:16px 6vw}
html[data-theme="day"] .logo {font-weight:800;letter-spacing:.6px}
html[data-theme="day"] .nav-links a {color:#9A8B7C;font-weight:600}
html[data-theme="day"] .nav-links a::after {background:var(--coral);height:2px;border-radius:2px}
html[data-theme="day"] .nav-links a:hover {color:var(--ink)}
/* 按钮：更圆润、更轻 */
html[data-theme="day"] .btn {border-radius:999px;font-weight:700;box-shadow:0 8px 20px rgba(242,136,107,.18)}
html[data-theme="day"] .btn:hover {transform:translateY(-3px);box-shadow:0 16px 32px rgba(242,136,107,.26)}
html[data-theme="day"] .btn-coral {background:linear-gradient(135deg,#F79A7E,#EF7B5C)}
html[data-theme="day"] .btn-coral:hover {background:linear-gradient(135deg,#EF8A6B,#E06A4A)}
html[data-theme="day"] .btn-ghost {border:2px solid rgba(59,50,44,.85);color:var(--ink);background:transparent;box-shadow:none}
html[data-theme="day"] .btn-ghost:hover {background:var(--ink);color:#fff;border-color:var(--ink)}
/* Hero：柔和奶油光晕 */
html[data-theme="day"] .hero {background:
      radial-gradient(720px 420px at 12% 8%, #FFEFE2 0%, rgba(255,239,226,0) 68%),
      radial-gradient(680px 460px at 88% 78%, #EEF6EF 0%, rgba(238,246,239,0) 70%),
      linear-gradient(180deg,#FFFCF8,#FFF7EF)}
html[data-theme="day"] .hero::before {background:radial-gradient(closest-side,rgba(247,200,106,.22),rgba(247,200,106,0));opacity:1}
html[data-theme="day"] .badge {background:rgba(255,255,255,.92);border:1px solid rgba(143,180,154,.35);color:#4E6A58;
    box-shadow:0 10px 24px rgba(59,50,44,.05)}
html[data-theme="day"] .hero h1 {font-weight:900;letter-spacing:.5px;line-height:1.22}
html[data-theme="day"] .hero h1 .accent {color:var(--coral)}
html[data-theme="day"] .hero p.lead {color:#8E7F71}
html[data-theme="day"] .hero-stats .num {color:var(--ink);font-weight:900}
html[data-theme="day"] .hero-stats .num span {color:var(--coral)}
html[data-theme="day"] .hero-card {background:#fff;border-radius:34px;border:1px solid rgba(59,50,44,.05);
    box-shadow:0 26px 60px rgba(59,50,44,.10);transform:rotate(-1.4deg)}
html[data-theme="day"] .hero-card:hover {transform:rotate(0) scale(1.02);box-shadow:0 32px 70px rgba(59,50,44,.13)}
html[data-theme="day"] .mini-card {background:#fff;border-radius:20px;box-shadow:0 16px 38px rgba(59,50,44,.10);
    border:1px solid rgba(59,50,44,.04)}
html[data-theme="day"] .chip {background:#F3EFE7;color:#8A7C6C;font-weight:700}
/* 照片墙：柔化原来的橙色底 */
html[data-theme="day"] .hero-card .photo {background:linear-gradient(135deg,#FFE9DA,#F6DAC6)}
html[data-theme="day"] .pw-dots {background:rgba(255,255,255,.82)}
html[data-theme="day"] .pw-dots b {background:rgba(59,50,44,.2)}
html[data-theme="day"] .pw-dots b.on {background:var(--coral)}
html[data-theme="day"] .pw-empty {background:linear-gradient(135deg,#FFD9A8,#F7A98A)}
/* 区块标题 */
html[data-theme="day"] section:not(.panel) {padding:96px 6vw}
html[data-theme="day"] .sec-head .eyebrow {color:var(--coral);letter-spacing:5px;font-size:13px}
html[data-theme="day"] .sec-head h2 {font-weight:900;letter-spacing:.4px;color:var(--ink)}
html[data-theme="day"] .sec-head p {color:#8E7F71}
/* 服务卡：更柔的圆角与阴影 */
html[data-theme="day"] .services-grid {gap:22px}
html[data-theme="day"] .svc {border-radius:28px;border:1px solid rgba(59,50,44,.045);padding:34px 28px;
    box-shadow:0 16px 40px rgba(59,50,44,.05)}
html[data-theme="day"] .svc:hover {transform:translateY(-6px);box-shadow:0 30px 60px rgba(59,50,44,.10)}
html[data-theme="day"] .svc .icon {border-radius:22px;box-shadow:0 10px 24px rgba(59,50,44,.06)}
html[data-theme="day"] .svc h3 {font-weight:800}
html[data-theme="day"] .svc p {color:#8E7F71}
html[data-theme="day"] .svc::after {height:3px;background:linear-gradient(90deg,#F7C86A,#F2886B)}
/* 房型区 */
html[data-theme="day"] .rooms {background:#FFF7EF;border-radius:64px 64px 0 0}
html[data-theme="day"] .room {border-radius:30px;background:#fff;border:1px solid rgba(59,50,44,.05);
    box-shadow:0 16px 40px rgba(59,50,44,.05);padding:38px 32px}
html[data-theme="day"] .room:hover {transform:translateY(-6px);box-shadow:0 28px 60px rgba(59,50,44,.10)}
html[data-theme="day"] .room.featured {background:linear-gradient(160deg,#2F2723,#4A3B32);color:#fff;border-color:transparent;
    box-shadow:0 28px 64px rgba(59,50,44,.22)}
html[data-theme="day"] .room.featured .for {color:rgba(255,255,255,.72)}
html[data-theme="day"] .room.featured li {color:rgba(255,255,255,.86);border-bottom-color:rgba(255,255,255,.14)}
html[data-theme="day"] .room.featured .price small {color:rgba(255,255,255,.66)}
html[data-theme="day"] .room .tag {background:linear-gradient(135deg,#F8CE74,#F0B04E);color:#4A3C16;font-weight:800;
    box-shadow:0 8px 18px rgba(240,176,78,.35)}
html[data-theme="day"] .room li {border-bottom:1px dashed rgba(59,50,44,.10);color:#8E7F71}
html[data-theme="day"] .room li::before {color:var(--sage)}
html[data-theme="day"] .room .mini-status {background:#FBF7F1;border-radius:12px;color:#8E7F71}
html[data-theme="day"] .room.featured .mini-status {background:rgba(255,255,255,.10);color:rgba(255,255,255,.8)}
html[data-theme="day"] .room .price {font-weight:900;color:var(--ink)}
html[data-theme="day"] .room.featured .price {color:#fff}
/* 监控条 / 评价 / FAQ / CTA */
html[data-theme="day"] .cam-strip {background:linear-gradient(120deg,#33291F,#5A4636);border-radius:32px;
    box-shadow:0 26px 60px rgba(59,50,44,.18)}
html[data-theme="day"] .quotes {background:#fff;border-radius:44px;box-shadow:0 20px 50px rgba(59,50,44,.05)}
html[data-theme="day"] .quote {background:#FBF7F1;border-radius:22px}
html[data-theme="day"] .quote p {color:#4A403A}
html[data-theme="day"] .review-form {background:#fff;border-radius:26px;box-shadow:0 18px 44px rgba(59,50,44,.06);
    border:1px solid rgba(59,50,44,.04)}
html[data-theme="day"] .rf-field input,
html[data-theme="day"] .review-form textarea {border-radius:14px;border-color:rgba(59,50,44,.12);background:#FFFDFA}
html[data-theme="day"] .faq details {background:#fff;border-radius:20px;border:1px solid rgba(59,50,44,.05);
    box-shadow:0 10px 26px rgba(59,50,44,.04)}
html[data-theme="day"] .faq summary {color:var(--ink)}
html[data-theme="day"] .faq .ans {color:#8E7F71}
html[data-theme="day"] .cta {background:linear-gradient(140deg,#F79A7E,#EF7B5C);border-radius:52px;
    box-shadow:0 30px 70px rgba(242,136,107,.28)}
/* 预订弹窗 */
html[data-theme="day"] .modal {background:#FFFDFA;border-radius:28px;box-shadow:0 40px 90px rgba(59,50,44,.28)}
html[data-theme="day"] .modal-overlay {background:rgba(59,50,44,.5);backdrop-filter:blur(6px)}
html[data-theme="day"] .room-switch .rtab {border-radius:999px;background:#FBF7F1;border-color:rgba(59,50,44,.08)}
html[data-theme="day"] .room-switch .rtab.active {background:var(--ink);border-color:var(--ink)}
html[data-theme="day"] .dates-row .dbox {border-radius:16px;background:#fff;border-color:rgba(59,50,44,.1)}
html[data-theme="day"] .quick-days button {border-radius:999px}
html[data-theme="day"] .summary-card {border-radius:18px;background:#FBF7F1;border-color:rgba(59,50,44,.05)}
html[data-theme="day"] .u-chip {border-radius:12px}
/* 页脚 */
html[data-theme="day"] footer {background:transparent;color:#9A8B7C}
html[data-theme="day"] .foot-grid h4 {color:var(--ink);font-weight:800}
html[data-theme="day"] .foot-grid a {color:#9A8B7C}
html[data-theme="day"] .foot-grid a:hover {color:var(--coral)}
html[data-theme="day"] .foot-bottom {border-top:1px solid rgba(59,50,44,.06)}
html[data-theme="day"] #siteToast {background:var(--ink)}

html[data-theme="day"] .menu-card { background:#fff; box-shadow:0 20px 46px rgba(59,50,44,.06) }
html[data-theme="day"] .day { background:#FBF7F1 }
html[data-theme="day"] .day:hover { background:#FFF3E9 }
html[data-theme="day"] .ing { background:#fff; border:1px solid rgba(59,50,44,.05) }
html[data-theme="day"] .tabs { background:#fff; box-shadow:0 12px 30px rgba(59,50,44,.06) }
html[data-theme="day"] .pet-card { background:#fff; border-color:rgba(59,50,44,.06); border-radius:6px }
html[data-theme="day"] .stat,
html[data-theme="day"] .step { background:#fff; border:1px solid rgba(59,50,44,.05) }
html[data-theme="day"] .piece { background:#fff; border:1px solid rgba(59,50,44,.05) }
html[data-theme="day"] .gem-empty,
html[data-theme="day"] .menu-empty { background:#fff; color:#8E7F71 }
html[data-theme="day"] .lightbox .inner,
html[data-theme="day"] .vbox { background:#FFFDFA }
html[data-theme="day"] .card { border:1px solid rgba(59,50,44,.05) }
html[data-theme="day"] .kpi,
html[data-theme="day"] .m-row,
html[data-theme="day"] .of-item,
html[data-theme="day"] .price-block,
html[data-theme="day"] .disc-bar,
html[data-theme="day"] .cf-preview { background:#FBF7F1 }


/* ======================= 🌙 夜间模式（深色轻奢） ======================= */
/* ===================================================================
     风格 B · 深色轻奢 Skin（仅覆盖视觉，不改结构/交互）
     =================================================================== */
html[data-theme="night"] {
    --cream:#12100D; --ink:#F4EDE4; --brown:#A99B8B;
    --coral:#D8A24A; --coral-dark:#C08F35;
    --sage:#7E9C86; --sage-light:#1E241F;
    --card:#1B1712; --sun:#D8A24A; --radius:6px;}
html[data-theme="night"] html {scroll-behavior:smooth}
html[data-theme="night"] body {background:#12100D;color:var(--ink);
    font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif}
html[data-theme="night"] h1,
html[data-theme="night"] h2,
html[data-theme="night"] .sec-head h2,
html[data-theme="night"] .cta h2,
html[data-theme="night"] .room .price,
html[data-theme="night"] .hero-stats .num,
html[data-theme="night"] .modal-head h3 {
    font-family:"Songti SC","Noto Serif SC","Source Han Serif SC","SimSun",Georgia,serif;font-weight:700}
/* 顶栏：深色玻璃 */
html[data-theme="night"] nav {background:rgba(18,16,13,.9);border-bottom:1px solid rgba(216,162,74,.22);padding:16px 6vw}
html[data-theme="night"] .logo {color:#F4EDE4;letter-spacing:2px;font-weight:600}
html[data-theme="night"] .logo .paw {filter:grayscale(.2) brightness(1.15)}
html[data-theme="night"] .nav-links a {color:#B6A896;font-size:14px;letter-spacing:1.6px;font-weight:500}
html[data-theme="night"] .nav-links a::after {background:linear-gradient(90deg,#D8A24A,#F0CE8E);height:1px}
html[data-theme="night"] .nav-links a:hover {color:#F4EDE4}
/* 按钮：金线描边 */
html[data-theme="night"] .btn {border-radius:2px;background:linear-gradient(135deg,#D8A24A,#B9873A);color:#1A1409;
    font-weight:700;letter-spacing:1.4px;padding:13px 30px;box-shadow:0 10px 30px rgba(216,162,74,.18)}
html[data-theme="night"] .btn:hover {transform:translateY(-2px);box-shadow:0 16px 38px rgba(216,162,74,.3)}
html[data-theme="night"] .btn-coral {background:linear-gradient(135deg,#D8A24A,#B9873A);color:#1A1409}
html[data-theme="night"] .btn-ghost {border:1px solid rgba(216,162,74,.6);color:#E7D9C6;background:transparent;box-shadow:none}
html[data-theme="night"] .btn-ghost:hover {background:rgba(216,162,74,.14);color:#F4EDE4;border-color:#D8A24A}
/* Hero：深底 + 金色光晕 */
html[data-theme="night"] .hero {background:
      radial-gradient(760px 440px at 78% 6%, rgba(216,162,74,.20) 0%, rgba(216,162,74,0) 62%),
      radial-gradient(620px 420px at 8% 96%, rgba(126,156,134,.14) 0%, rgba(126,156,134,0) 66%),
      linear-gradient(180deg,#15120E,#0E0C0A)}
html[data-theme="night"] .hero::before {background:radial-gradient(closest-side,rgba(216,162,74,.16),rgba(216,162,74,0));opacity:1}
html[data-theme="night"] .badge {background:rgba(216,162,74,.10);border:1px solid rgba(216,162,74,.32);color:#E3C88A;letter-spacing:1.6px}
html[data-theme="night"] .badge .dot {background:#D8A24A}
html[data-theme="night"] .hero h1 {color:#F6EFE6;letter-spacing:2px;line-height:1.24}
html[data-theme="night"] .hero h1 .accent {color:#D8A24A}
html[data-theme="night"] .hero h1 .accent svg path {stroke:#D8A24A}
html[data-theme="night"] .hero p.lead {color:#A99B8B;max-width:520px}
html[data-theme="night"] .hero-stats .num {color:#F4EDE4;letter-spacing:1px}
html[data-theme="night"] .hero-stats .num span {color:#D8A24A}
html[data-theme="night"] .hero-stats .label {color:#8C7F70;letter-spacing:1.2px}
html[data-theme="night"] .hero-card {background:#1B1712;border:1px solid rgba(216,162,74,.25);border-radius:4px;
    box-shadow:0 34px 80px rgba(0,0,0,.55);transform:rotate(-1deg)}
html[data-theme="night"] .hero-card:hover {transform:rotate(0) scale(1.02)}
html[data-theme="night"] .hero-card .row {padding:18px 8px 6px}
html[data-theme="night"] .hero-card .name {color:#F4EDE4;font-family:"Songti SC","Noto Serif SC",Georgia,serif}
html[data-theme="night"] .hero-card .breed {color:#A99B8B}
html[data-theme="night"] .mini-card {background:#1B1712;border:1px solid rgba(216,162,74,.2);border-radius:4px;color:#F4EDE4;
    box-shadow:0 20px 44px rgba(0,0,0,.45)}
html[data-theme="night"] .mini-card.link {color:#F4EDE4}
html[data-theme="night"] .mini-card.link .go {color:#D8A24A}
html[data-theme="night"] .chip {background:rgba(216,162,74,.12);color:#E3C88A;border-radius:2px;letter-spacing:1px}
/* 照片墙：橙色底改为深金调 */
html[data-theme="night"] .hero-card .photo {background:linear-gradient(135deg,#2A2117,#16120D)}
html[data-theme="night"] .pw-dots {background:rgba(216,162,74,.16);backdrop-filter:blur(4px)}
html[data-theme="night"] .pw-dots b {background:rgba(216,162,74,.38)}
html[data-theme="night"] .pw-dots b.on {background:#D8A24A}
html[data-theme="night"] .pw-empty {background:linear-gradient(135deg,#2C2318,#17130E);color:#C6B79F}
html[data-theme="night"] .pw-slide img {filter:none}
/* 区块标题 */
html[data-theme="night"] section:not(.panel) {padding:104px 6vw}
html[data-theme="night"] .sec-head .eyebrow {color:#D8A24A;letter-spacing:7px;font-size:12px;font-weight:600}
html[data-theme="night"] .sec-head h2 {color:#F6EFE6;letter-spacing:2.5px;font-weight:700}
html[data-theme="night"] .sec-head p {color:#A99B8B}
/* 服务卡：暗色 + 金线 */
html[data-theme="night"] .services-grid {gap:20px}
html[data-theme="night"] .svc {background:#1B1712;border:1px solid rgba(216,162,74,.16);border-radius:4px;padding:36px 30px;
    box-shadow:none}
html[data-theme="night"] .svc:hover {transform:translateY(-4px);border-color:rgba(216,162,74,.45);box-shadow:0 22px 50px rgba(0,0,0,.4)}
html[data-theme="night"] .svc .icon {border-radius:3px;background:rgba(216,162,74,.12)!important;border:1px solid rgba(216,162,74,.2)}
html[data-theme="night"] .svc h3 {color:#F2E9DC;letter-spacing:1.4px;font-weight:700}
html[data-theme="night"] .svc p {color:#9C8F80}
html[data-theme="night"] .svc::after {height:1px;background:linear-gradient(90deg,#D8A24A,rgba(216,162,74,0))}
/* 房型区 */
html[data-theme="night"] .rooms {background:#171410;border-radius:0;border-top:1px solid rgba(216,162,74,.16);
    border-bottom:1px solid rgba(216,162,74,.16)}
html[data-theme="night"] .room {background:#1B1712;border:1px solid rgba(216,162,74,.16);border-radius:4px;padding:40px 32px}
html[data-theme="night"] .room:hover {transform:translateY(-4px);border-color:rgba(216,162,74,.4)}
html[data-theme="night"] .room.featured {background:linear-gradient(160deg,#241C10,#1A150C);color:#F6EFE6;
    border:1px solid rgba(216,162,74,.55);box-shadow:0 26px 60px rgba(0,0,0,.5)}
html[data-theme="night"] .room h3 {color:#F2E9DC;letter-spacing:1.2px}
html[data-theme="night"] .room .for {color:#9C8F80}
html[data-theme="night"] .room.featured .for {color:#C6B79F}
html[data-theme="night"] .room .price {color:#F4EDE4;letter-spacing:1px}
html[data-theme="night"] .room .price small {color:#8C7F70}
html[data-theme="night"] .room.featured .price small {color:#A99B8B}
html[data-theme="night"] .room ul {border-top:1px solid rgba(216,162,74,.12);padding-top:8px}
html[data-theme="night"] .room li {color:#9C8F80;border-bottom:1px dashed rgba(216,162,74,.12)}
html[data-theme="night"] .room.featured li {color:#C6B79F;border-bottom-color:rgba(216,162,74,.18)}
html[data-theme="night"] .room li::before {color:#D8A24A}
html[data-theme="night"] .room .tag {background:linear-gradient(135deg,#D8A24A,#B9873A);color:#1A1409;border-radius:2px;
    letter-spacing:1.6px;font-weight:800}
html[data-theme="night"] .room .mini-status {background:rgba(216,162,74,.07);color:#B6A896;border-radius:2px}
html[data-theme="night"] .room.featured .mini-status {background:rgba(216,162,74,.12);color:#D8C9AE}
html[data-theme="night"] .room .btn-ghost {border:1px solid rgba(216,162,74,.55);color:#E7D9C6}
html[data-theme="night"] .room .btn-ghost:hover {background:rgba(216,162,74,.16);color:#F4EDE4}
/* 监控条 / 评价 / FAQ / CTA */
html[data-theme="night"] .cam-strip {background:linear-gradient(120deg,#1E1913,#2A2117);border:1px solid rgba(216,162,74,.25);
    border-radius:4px}
html[data-theme="night"] .cam-strip h3 {color:#F6EFE6;letter-spacing:1.4px}
html[data-theme="night"] .quotes {background:#1B1712;border:1px solid rgba(216,162,74,.14);border-radius:4px}
html[data-theme="night"] .quote {background:#221C15;border-radius:2px;border:1px solid rgba(216,162,74,.12)}
html[data-theme="night"] .quote p {color:#DDD2C2}
html[data-theme="night"] .quote .who .n {color:#F2E9DC}
html[data-theme="night"] .quote .who .s {color:#8C7F70}
html[data-theme="night"] .qscroll-hint {background:linear-gradient(180deg,rgba(27,23,18,0),#1B1712 45%);color:#A99B8B}
html[data-theme="night"] .review-form {background:#1B1712;border:1px solid rgba(216,162,74,.14);border-radius:4px;box-shadow:none}
html[data-theme="night"] .review-form h3 {color:#F2E9DC}
html[data-theme="night"] .rf-field label {color:#A99B8B}
html[data-theme="night"] .rf-field input,
html[data-theme="night"] .review-form textarea {background:#120F0C;border:1px solid rgba(216,162,74,.2);
    color:#F4EDE4;border-radius:2px}
html[data-theme="night"] .rf-field input:focus,
html[data-theme="night"] .review-form textarea:focus {border-color:#D8A24A}
html[data-theme="night"] .faq details {background:#1B1712;border:1px solid rgba(216,162,74,.14);border-radius:2px}
html[data-theme="night"] .faq summary {color:#F2E9DC;letter-spacing:.6px}
html[data-theme="night"] .faq summary::after {color:#D8A24A}
html[data-theme="night"] .faq .ans {color:#A99B8B}
html[data-theme="night"] .cta {background:linear-gradient(140deg,#241C10,#15110B);border:1px solid rgba(216,162,74,.4);
    border-radius:4px;color:#F6EFE6}
html[data-theme="night"] .cta p {color:#BFB1A0}
html[data-theme="night"] .cta .btn {background:linear-gradient(135deg,#D8A24A,#B9873A);color:#1A1409}
/* 预订弹窗 */
html[data-theme="night"] .modal-overlay {background:rgba(8,7,5,.72);backdrop-filter:blur(6px)}
html[data-theme="night"] .modal {background:#1B1712;border:1px solid rgba(216,162,74,.22);border-radius:4px;
    box-shadow:0 40px 90px rgba(0,0,0,.6)}
html[data-theme="night"] .modal-head h3 {color:#F6EFE6}
html[data-theme="night"] .modal-head .sub,
html[data-theme="night"] .muted {color:#A99B8B}
html[data-theme="night"] .modal-close {background:rgba(216,162,74,.1);color:#E3C88A}
html[data-theme="night"] .room-switch .rtab {background:#221C15;border:1px solid rgba(216,162,74,.18);color:#C6B79F;border-radius:2px}
html[data-theme="night"] .room-switch .rtab:hover {border-color:#D8A24A;color:#F4EDE4}
html[data-theme="night"] .room-switch .rtab.active {background:linear-gradient(135deg,#D8A24A,#B9873A);color:#1A1409;border-color:#D8A24A}
html[data-theme="night"] .dates-row .dbox {background:#120F0C;border:1px solid rgba(216,162,74,.2);border-radius:2px}
html[data-theme="night"] .dates-row input {color:#F4EDE4}
html[data-theme="night"] .dates-row label {color:#A99B8B}
html[data-theme="night"] .dates-row .arrow {color:#D8A24A}
html[data-theme="night"] .quick-days button {border-radius:2px;border:1px solid rgba(216,162,74,.22)!important;
    background:#221C15!important;color:#C6B79F!important}
html[data-theme="night"] .quick-days button.active {background:linear-gradient(135deg,#D8A24A,#B9873A)!important;color:#1A1409!important;
    border-color:#D8A24A!important}
html[data-theme="night"] .avail-title,
html[data-theme="night"] .avail-block {color:#E7D9C6}
html[data-theme="night"] .avail-title small {color:#A99B8B}
html[data-theme="night"] .summary-card {background:#221C15;border:1px solid rgba(216,162,74,.18);border-radius:2px;color:#E7D9C6}
html[data-theme="night"] .summary-card .lbl {color:#A99B8B}
html[data-theme="night"] .u-chip {border-radius:2px;border:1px solid rgba(216,162,74,.2);background:#221C15;color:#C6B79F}
html[data-theme="night"] .u-chip.free {background:rgba(126,156,134,.16);color:#A8C4AE;border-color:rgba(126,156,134,.4)}
html[data-theme="night"] .u-chip.free.sel {background:#7E9C86;color:#0F1410}
html[data-theme="night"] .u-chip.booked {background:rgba(216,162,74,.14);color:#D8C9AE;border-color:rgba(216,162,74,.32)}
html[data-theme="night"] .u-chip.in {background:rgba(200,90,70,.16);color:#E6A48F;border-color:rgba(200,90,70,.35)}
html[data-theme="night"] #stepOk .ok-row span,
html[data-theme="night"] #stepOk .ok-row b {color:#E7D9C6}
/* 页脚 */
html[data-theme="night"] footer {background:#0E0C0A;border-top:1px solid rgba(216,162,74,.18);color:#8C7F70}
html[data-theme="night"] .foot-grid h4 {color:#E7D9C6;letter-spacing:2px;font-weight:600}
html[data-theme="night"] .foot-grid a {color:#8C7F70;letter-spacing:.6px}
html[data-theme="night"] .foot-grid a:hover {color:#D8A24A}
html[data-theme="night"] .foot-bottom {border-top:1px solid rgba(216,162,74,.14);color:#6F6459}
html[data-theme="night"] #siteToast {background:#D8A24A;color:#1A1409}

/* 鲜食菜单页 */
html[data-theme="night"] .menu-card { background:#1B1712; border:1px solid rgba(216,162,74,.14); border-radius:6px; box-shadow:none }
html[data-theme="night"] .day { background:#221C15 }
html[data-theme="night"] .day:hover { background:#2A2219 }
html[data-theme="night"] .day .d { background:linear-gradient(150deg,#3A2C15,#241C10); color:#E3C88A; box-shadow:none }
html[data-theme="night"] .day .play { background:#D8A24A; color:#1A1409 }
html[data-theme="night"] .day .play.off { background:#2A2219; color:#8C7F70 }
html[data-theme="night"] .menu-empty { background:#221C15; color:#A99B8B }
html[data-theme="night"] .menu-hint { color:#A99B8B }
html[data-theme="night"] .ing { background:#1B1712; border:1px solid rgba(216,162,74,.14); border-radius:4px }
html[data-theme="night"] .ing h3 { color:#F2E9DC }
html[data-theme="night"] .ing p { color:#9C8F80 }
html[data-theme="night"] .ing .ic { border:1px solid rgba(216,162,74,.18) }
html[data-theme="night"] .tabs { background:#1B1712; border:1px solid rgba(216,162,74,.16); box-shadow:none }
html[data-theme="night"] .tab { color:#B6A896 }
html[data-theme="night"] .tab.active { background:linear-gradient(135deg,#D8A24A,#B9873A); color:#1A1409 }
html[data-theme="night"] .pet-card { background:#1B1712; border-color:rgba(216,162,74,.16); border-radius:4px }
html[data-theme="night"] .pet-card h3 { color:#F2E9DC }
html[data-theme="night"] .pet-card p { color:#9C8F80 }
html[data-theme="night"] .pet-card .chips b { background:rgba(216,162,74,.12); color:#E3C88A }
html[data-theme="night"] .why { background:#221C15; color:#C6B79F }
html[data-theme="night"] .stat { background:#1B1712; border:1px solid rgba(216,162,74,.14) }
html[data-theme="night"] .stat .lb { color:#E7D9C6 }
html[data-theme="night"] .stat .ds { color:#9C8F80 }
html[data-theme="night"] .step { background:#1B1712; border:1px solid rgba(216,162,74,.14) }
html[data-theme="night"] .step h3 { color:#F2E9DC }
html[data-theme="night"] .step p { color:#9C8F80 }
html[data-theme="night"] .idea .visual { background:linear-gradient(150deg,#241D14,#15110B); border:1px solid rgba(216,162,74,.16); box-shadow:none }
html[data-theme="night"] .idea .visual .cap { color:#F2E9DC }
html[data-theme="night"] .idea .visual .sub { color:#9C8F80 }
html[data-theme="night"] .idea .visual .chips b { background:rgba(216,162,74,.12); color:#E3C88A }
html[data-theme="night"] .idea .txt .quote { background:#1B1712; color:#F2E9DC; border-left-color:#D8A24A }

/* 手工宠服页 */
html[data-theme="night"] .piece { background:#1B1712; border:1px solid rgba(216,162,74,.14); border-radius:4px; box-shadow:none }
html[data-theme="night"] .piece:hover { box-shadow:0 24px 50px rgba(0,0,0,.5) }
html[data-theme="night"] .piece .meta h3 { color:#F2E9DC }
html[data-theme="night"] .piece .meta p { color:#9C8F80 }
html[data-theme="night"] .piece .badge { background:rgba(216,162,74,.16); color:#E3C88A }
html[data-theme="night"] .gem-empty { background:#1B1712; color:#A99B8B; border:1px solid rgba(216,162,74,.14); box-shadow:none }
html[data-theme="night"] .lightbox .inner { background:#1B1712 }
html[data-theme="night"] .lightbox .side h3 { color:#F2E9DC }
html[data-theme="night"] .lightbox .side p { color:#A99B8B }
html[data-theme="night"] .lightbox .close,
html[data-theme="night"] .vbox .vclose { background:linear-gradient(135deg,#D8A24A,#B9873A); color:#1A1409 }
html[data-theme="night"] .vbox { background:#1B1712 }
html[data-theme="night"] .vbox .vside h3 { color:#F2E9DC }
html[data-theme="night"] .vbox .vside p { color:#A99B8B }
html[data-theme="night"] .vbox .vside .vnone { background:#221C15; color:#A99B8B }

/* meals / outfits / live 顶栏与浮动按钮 */
html[data-theme="night"] header.top { background:rgba(18,16,13,.9); border-bottom:1px solid rgba(216,162,74,.22) }
html[data-theme="night"] header.top .brand small { color:#8C7F70 }
html[data-theme="night"] .hero .emoji-row span { background:#1B1712; border:1px solid rgba(216,162,74,.18); box-shadow:0 12px 26px rgba(0,0,0,.45) }
html[data-theme="night"] .back-btn { background:linear-gradient(135deg,#D8A24A,#B9873A); color:#1A1409 }
html[data-theme="night"] .float-back { background:linear-gradient(135deg,#D8A24A,#B9873A); color:#1A1409 }
html[data-theme="night"] .ftabs-wrap .tabs,
html[data-theme="night"] .tabs-wrap .tabs { box-shadow:none }
html[data-theme="night"] .menu-card .menu-list .day:last-child { border-bottom:none }
html[data-theme="night"] .foot-links a:hover { color:#D8A24A }

/* 后台 */
html[data-theme="night"] .card { background:#1B1712; border:1px solid rgba(216,162,74,.14) }
html[data-theme="night"] .kpi { background:#1B1712; border:1px solid rgba(216,162,74,.14) }
html[data-theme="night"] .kpi .num { color:#F4EDE4 }
html[data-theme="night"] .kpi .lbl { color:#A99B8B }
html[data-theme="night"] .tabs button { background:#1B1712; color:#B6A896; border:1px solid rgba(216,162,74,.14) }
html[data-theme="night"] .tabs button.active { background:linear-gradient(135deg,#D8A24A,#B9873A); color:#1A1409; border-color:#D8A24A }
html[data-theme="night"] input,
html[data-theme="night"] select,
html[data-theme="night"] textarea { background:#120F0C; color:#F4EDE4; border-color:rgba(216,162,74,.2) }
html[data-theme="night"] .m-row,
html[data-theme="night"] .of-item,
html[data-theme="night"] .disc-bar,
html[data-theme="night"] .cf-preview { background:#221C15 }
html[data-theme="night"] .price-block { border-color:rgba(216,162,74,.14) }
html[data-theme="night"] .btn-soft { background:#221C15; color:#C6B79F }
html[data-theme="night"] .toast { background:linear-gradient(135deg,#D8A24A,#B9873A); color:#1A1409 }
html[data-theme="night"] .overlay .modal { background:#1B1712 }


/* ======================= 🌙 夜间深色适配（补齐） ======================= */

/* —— 通用：语义按钮（金色基底 + 深字，保持和主按钮一致） —— */
html[data-theme="night"] .btn-ink,
html[data-theme="night"] .btn-ok { background:linear-gradient(135deg,#D8A24A,#B9873A); color:#1A1409; border-color:#D8A24A }
html[data-theme="night"] .btn-ok { background:linear-gradient(135deg,#8FB49A,#6E9A7C); color:#0F1A13 }
html[data-theme="night"] .btn-danger { background:rgba(206,92,70,.26); color:#FFC6B4; border:1px solid rgba(206,92,70,.65) }
html[data-theme="night"] .btn-danger:hover { background:rgba(206,92,70,.42); color:#FFE2D8 }
html[data-theme="night"] .btn-warn { background:rgba(216,162,74,.18); color:#E8CC8E; border:1px solid rgba(216,162,74,.5) }

/* —— live.html 监控页 —— */
html[data-theme="night"] .top { background:rgba(18,16,13,.92); border-bottom:1px solid rgba(216,162,74,.22) }
html[data-theme="night"] .top .brand small,
html[data-theme="night"] .top-right { color:#A99B8B }
html[data-theme="night"] .home-btn { background:linear-gradient(135deg,#D8A24A,#B9873A); color:#1A1409; border:none }
html[data-theme="night"] .home-btn:hover { background:linear-gradient(135deg,#E4B662,#C79A45) }
html[data-theme="night"] .live-badge { background:linear-gradient(135deg,#C0503C,#98392A); color:#FFF1EA }
html[data-theme="night"] .pill { background:#221C15; border:1px solid rgba(216,162,74,.22); color:#C6B79F }
html[data-theme="night"] .pill input { color:#F4EDE4 }
html[data-theme="night"] .dy-banner .go { background:#1B1712; color:#E3C88A; border:1px solid rgba(216,162,74,.3) }
html[data-theme="night"] .btn-mini { background:#221C15; color:#C6B79F; border:1px solid rgba(216,162,74,.22) }
html[data-theme="night"] .pwd-card { background:#1B1712; border:1px solid rgba(216,162,74,.18) }
html[data-theme="night"] .cam { background:#1B1712; border-color:rgba(216,162,74,.16) }

/* —— index 首页：监控条内联白底按钮 + 预订表单字段 —— */
html[data-theme="night"] #ctaBookBtn { background:linear-gradient(135deg,#D8A24A,#B9873A) !important; color:#1A1409 !important }
html[data-theme="night"] .f-item input,
html[data-theme="night"] .f-item select { background:#120F0C; color:#F4EDE4; border-color:rgba(216,162,74,.2) }
html[data-theme="night"] .ok-card { background:#1B1712; border:1px solid rgba(216,162,74,.18); color:#E7D9C6 }
html[data-theme="night"] .ok-card b,
html[data-theme="night"] .ok-card .highlight { color:#D8A24A }

/* —— meals 鲜食页：工序序号圆点 —— */
html[data-theme="night"] .step .no { background:linear-gradient(135deg,#D8A24A,#B9873A); color:#1A1409 }

/* —— admin 后台：标签页 / 表单 / 卡片内的白色小按钮 —— */
html[data-theme="night"] .tabs button { background:#1B1712; color:#B6A896 }
html[data-theme="night"] .tabs button.active { background:linear-gradient(135deg,#D8A24A,#B9873A); color:#1A1409 }
html[data-theme="night"] .toolbar input,
html[data-theme="night"] .toolbar select,
html[data-theme="night"] .date-bar .dbox,
html[data-theme="night"] .detail-pane .bk,
html[data-theme="night"] .up-item,
html[data-theme="night"] .up-form .pf-prev,
html[data-theme="night"] .cam-item,
html[data-theme="night"] .up-adder { background:#221C15; color:#E7D9C6; border-color:rgba(216,162,74,.2) }
html[data-theme="night"] .m-row .m-btns button,
html[data-theme="night"] .of-item .ops button { background:#2A2219; color:#C6B79F; box-shadow:none }
html[data-theme="night"] .m-row .m-btns button:hover,
html[data-theme="night"] .of-item .ops button:hover { background:rgba(216,162,74,.24); color:#F1DFB8 }
html[data-theme="night"] .of-item .ops button.danger { color:#F0A693 }
html[data-theme="night"] .st.confirmed,
html[data-theme="night"] .unit.booked { background:rgba(216,162,74,.16); color:#E8CC8E; border-color:rgba(216,162,74,.35) }
html[data-theme="night"] .sync-note { background:rgba(139,180,154,.16); color:#A8C4AE }
html[data-theme="night"] .nav-links a,
html[data-theme="night"] .muted { color:#A99B8B }

/* —— 切换按钮：提高优先级，避免被各页自有 button 样式盖掉 —— */
html .pp-theme-btn { background:rgba(255,255,255,.94) !important; color:#3B322C !important; border:1px solid rgba(59,50,44,.08) !important }
html[data-theme="night"] .pp-theme-btn.is-night,
html[data-theme="night"] .pp-theme-btn { background:rgba(27,23,18,.94) !important; color:#E3C88A !important; border:1px solid rgba(216,162,74,.38) !important }


/* ---------- 日/夜切换按钮（右下角，可手动强制） ---------- */
.pp-theme-btn {
  position:fixed; right:18px; bottom:18px; z-index:250; cursor:pointer; font-family:inherit;
  font-size:12.5px; font-weight:800; letter-spacing:.5px; padding:9px 15px; border-radius:999px;
  background:rgba(255,255,255,.94); color:#3B322C; border:1px solid rgba(59,50,44,.08);
  box-shadow:0 10px 26px rgba(59,50,44,.14); backdrop-filter:blur(8px);
  transition:transform .15s, background .25s, color .25s, border-color .25s;
}
.pp-theme-btn:hover { transform:translateY(-2px) }
.pp-theme-btn.is-night { background:rgba(27,23,18,.92); color:#E3C88A; border-color:rgba(216,162,74,.35); box-shadow:0 10px 26px rgba(0,0,0,.5) }
@media(max-width:600px){ .pp-theme-btn { right:12px; bottom:12px; padding:8px 13px; font-size:12px } }

/* 主题切换的顺滑过渡（只过渡底色与文字色，避免打断卡片 hover 动效） */
html.pp-theming, html.pp-theming body { transition: background-color .5s ease, color .5s ease }

/* ---------- 移动端通用修正 ---------- */
/* 锚点跳转时留出固定导航的高度，标题不会被压在导航下面 */
html { scroll-padding-top: 96px; }
@media (max-width: 820px) {
  /* 悬浮按钮缩小、半透明，避免压住正文 */
  .pp-theme-btn { right: 12px; bottom: 12px; padding: 7px 12px; font-size: 11.5px; opacity: .92; }
  /* 页面底部留出安全距离，最后一块内容不会被悬浮按钮遮挡 */
  body { padding-bottom: 68px; }
}
