

html[data-theme="day"]{
  --space:#ffffff;--space-2:#f3f6f8;--panel:rgba(255,255,255,.78);--panel-solid:#ffffff;--panel-soft:rgba(25,52,69,.055);
  --hairline:rgba(41,66,77,.14);--hairline-strong:rgba(35,95,112,.28);--ink:#182b31;--ink-2:#53676b;--ink-3:#829094;
  --electric:#167d94;--cyan:#31a7ad;--violet:#6d6baa;--amber:#c98332;--red:#b54a3a;--blue:#167d94;--jade:#348b75;--gold:#c98332;
  --bg:var(--space);--bg2:var(--space-2);--card:var(--panel);--card2:var(--panel-soft);--line:var(--hairline);--t:var(--ink);--t2:var(--ink-2);--t3:var(--ink-3);
  --shadow:0 20px 55px rgba(52,65,61,.1);--shadow-lg:0 30px 90px rgba(52,65,61,.16);background:#ffffff;color-scheme:light
}
html[data-theme="day"] body,html[data-theme="day"] body:not(.on-home),html[data-theme="day"] body:not(.on-home) main{color:var(--ink);background:radial-gradient(circle at 68% -12%,rgba(79,170,185,.1),transparent 35%),#ffffff}
html[data-theme="day"] .sidebar{background:rgba(255,255,255,.92);border-right-color:rgba(41,66,77,.13);box-shadow:18px 0 60px rgba(46,64,62,.08)}
html[data-theme="day"] .sb-brand,html[data-theme="day"] .sb-footer{border-color:rgba(41,66,77,.11)}
html[data-theme="day"] .sb-brand-mark{background:linear-gradient(145deg,#3199a6,#126f83);box-shadow:0 8px 24px rgba(30,126,143,.22)}
html[data-theme="day"] .sb-brand-name b{color:#17333a}
html[data-theme="day"] .sb-progress{background:rgba(255,255,255,.76);border-color:rgba(41,66,77,.13);box-shadow:inset 0 1px #fff,0 8px 22px rgba(46,64,62,.055)}
html[data-theme="day"] .sb-progress-num b{color:#176f82;-webkit-text-fill-color:initial}
html[data-theme="day"] .sb-progress-bar{background:rgba(33,73,82,.1)}
html[data-theme="day"] .sb-nav-item{color:#718084}
html[data-theme="day"] .sb-nav-item:hover{color:#17333a;background:rgba(22,125,148,.07)}
html[data-theme="day"] .sb-nav-item.on{color:#125f71;background:linear-gradient(100deg,rgba(22,125,148,.14),rgba(22,125,148,.045));border-color:rgba(22,125,148,.2);box-shadow:inset 0 1px rgba(255,255,255,.8)}
html[data-theme="day"] .sb-nav-item.on::before{background:#178096;box-shadow:none}
html[data-theme="day"] .sb-toggle{background:rgba(255,255,255,.65);border-color:rgba(41,66,77,.1);color:#66787c}
html[data-theme="day"] .workspace-bar{background:rgba(255,255,255,.86);border-bottom-color:rgba(41,66,77,.12);box-shadow:0 8px 30px rgba(50,70,66,.05)}
html[data-theme="day"] .workspace-bar span{color:#167d94}html[data-theme="day"] .workspace-bar b{color:#173139}html[data-theme="day"] .workspace-bar p{color:#76878a}
html[data-theme="day"] .learn-masthead{border-color:rgba(41,88,96,.16);background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 42%,rgba(255,255,255,.08) 74%),url("../img/ui/learning-space-day-v1.png") center/cover no-repeat;box-shadow:inset 0 1px #fff,0 28px 80px rgba(54,72,67,.1)}
html[data-theme="day"] .learn-masthead:before{color:#799094}
html[data-theme="day"] :is(.eyebrow,.route-kicker,.section-heading span,.page-kicker,.simple-head>span){color:#177e93}
html[data-theme="day"] :is(.learn-masthead h1,.section-heading h2,.simple-head h1,.view-head h1){color:#173139}
html[data-theme="day"] .learn-masthead h1 em{background:linear-gradient(90deg,#145c69,#178aa0 65%,#4b9680);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
html[data-theme="day"] :is(.learn-masthead p,.simple-head p,.view-head p){color:#63777b}
html[data-theme="day"] .map-entry-card:hover{border-color:rgba(25,115,131,.42);box-shadow:inset 0 1px #fff,0 30px 86px rgba(37,76,70,.16),0 0 36px rgba(23,138,160,.08)}
html[data-theme="day"] .masthead-map-action{border-color:rgba(25,115,131,.24);background:rgba(26,123,139,.08);color:#173139}
html[data-theme="day"] .map-entry-card:hover .masthead-map-action{border-color:rgba(25,115,131,.48);background:rgba(26,123,139,.13)}
html[data-theme="day"] .masthead-map-action i,html[data-theme="day"] .masthead-map-action em{color:#16758a}
html[data-theme="day"] :is(.home-command-panel,.chapter-rail,.course-stage,.course-inspector){background:linear-gradient(155deg,rgba(255,255,255,.86),rgba(246,244,237,.9));border-color:rgba(41,76,83,.14);box-shadow:inset 0 1px #fff,0 24px 65px rgba(53,71,67,.09)}
html[data-theme="day"] :is(.home-command-panel .home-status>b,.subject-card h3,.simple-head h1,.visual-tool-grid b){color:#183238}
html[data-theme="day"] :is(.continue-card,.empty-command,.command-actions button,.subject-card,.qs-item,.qc-item,.profile-page .card,.visual-tool-grid button,.practice-card){background:rgba(255,255,255,.7);border-color:rgba(41,76,83,.13);color:#183238;box-shadow:inset 0 1px #fff}
html[data-theme="day"] :is(.subject-card,.qs-item,.qc-item,.visual-tool-grid button):hover{background:#fff;border-color:rgba(22,125,148,.34);box-shadow:0 22px 55px rgba(54,77,72,.1)}
html[data-theme="day"] :is(.subject-card p,.subject-meta,.visual-tool-grid span,.qs-sub){color:#687b7e}
html[data-theme="day"] :is(.subject-enter,.subject-id,.visual-tool-grid em,.visual-tool-grid i){color:#177e93}
html[data-theme="day"] .visual-tool-grid i{background:rgba(22,125,148,.09)}
html[data-theme="day"] .profile-page{color:#183238}html[data-theme="day"] .profile-page .big-num{color:#176f82}html[data-theme="day"] .profile-page .bar{background:rgba(31,70,78,.09)}
html[data-theme="day"] .welcome-overlay{background:rgba(35,46,44,.42)}html[data-theme="day"] .welcome-card{background:rgba(255,253,248,.97);border-color:rgba(41,76,83,.15);color:#183238}
html[data-theme="day"] .welcome-card h1{color:#183238}html[data-theme="day"] .wc-feat{background:rgba(22,125,148,.045);border-color:rgba(41,76,83,.1)}
@media(max-width:720px){.workspace-bar>p{display:none}}
@media(max-width:620px){html[data-theme="day"] .learn-masthead{background-image:linear-gradient(180deg,rgba(251,249,243,.98) 0%,rgba(251,249,243,.82) 48%,rgba(251,249,243,.12) 76%),url("../img/ui/learning-space-day-v1.png");background-position:center bottom;background-size:auto 72%}}

/* Progress command center — native light theme, not dark panels on a light canvas. */
html[data-theme="day"] .profile-page{color:#20383b}
html[data-theme="day"] .me-live{color:#708488}
html[data-theme="day"] .me-live i{background:#35bfa3;box-shadow:0 0 0 5px rgba(53,191,163,.1)}
html[data-theme="day"] .rank-command{
  color:#254044;background:linear-gradient(115deg,#fffdf7 0%,#f4fbf6 65%,#eaf8ef 100%);
  border-color:rgba(49,112,103,.17);box-shadow:inset 0 1px #fff,0 14px 40px rgba(53,83,75,.08)
}
html[data-theme="day"] .rank-seal{color:#664b27;background:linear-gradient(145deg,#fff4aa,#ffd071);box-shadow:0 6px 0 #d2a252,0 10px 20px rgba(122,93,44,.14),inset 0 2px 1px rgba(255,255,255,.8)}
html[data-theme="day"] .rank-seal:before,html[data-theme="day"] .rank-seal:after{background:#ffeb9d}
html[data-theme="day"] .rank-copy>span{color:#bb7e29}
html[data-theme="day"] .rank-copy h2{color:#263d3c}
html[data-theme="day"] .rank-copy p{color:#647875}
html[data-theme="day"] .rank-copy small{color:#798b87}
html[data-theme="day"] .rank-track{background:rgba(52,91,84,.1)}
html[data-theme="day"] .rank-track i{background:linear-gradient(90deg,#f0b54f,#55cbae)}
html[data-theme="day"] .rank-kpis{border-left-color:rgba(49,93,87,.12)}
html[data-theme="day"] .rank-kpis>div{border-right-color:rgba(49,93,87,.1)}
html[data-theme="day"] .rank-kpis span,html[data-theme="day"] .rank-kpis small{color:#7a8d89}
html[data-theme="day"] .rank-kpis b{color:#203a3c}
html[data-theme="day"] .rank-kpis .alert b{color:#d66052}
html[data-theme="day"] .management-panel{
  color:#20383b;background:rgba(255,254,250,.88);border-color:rgba(43,91,88,.14);
  box-shadow:inset 0 1px #fff,0 12px 34px rgba(55,78,72,.055)
}
html[data-theme="day"] .management-panel>header h2{color:#213a3d}
html[data-theme="day"] .management-panel>header span{color:#218f82}
html[data-theme="day"] .management-panel>header small{color:#879692}
html[data-theme="day"] .management-panel>header>i{color:#218f82;border-color:rgba(33,143,130,.24);background:#edf9f5}
html[data-theme="day"] .ai-diagnosis-body{background:linear-gradient(135deg,#f4fbf8,#fffaf0);border-color:rgba(47,115,105,.16)}
html[data-theme="day"] .ai-orbit{color:#218f82;border-color:rgba(33,143,130,.55);background:rgba(255,255,255,.72)}
html[data-theme="day"] .ai-orbit:before,html[data-theme="day"] .ai-orbit:after{border-color:rgba(33,143,130,.17)}
html[data-theme="day"] .ai-diagnosis-body span,html[data-theme="day"] .ai-diagnosis-body p{color:#758884}
html[data-theme="day"] .ai-diagnosis-body h3{color:#158777}
html[data-theme="day"] .diagnosis-evidence{border-color:rgba(45,89,83,.11)}
html[data-theme="day"] .diagnosis-evidence span{color:#8a9995}
html[data-theme="day"] .diagnosis-evidence b{color:#536b67}
html[data-theme="day"] .ai-action{color:#143a34;background:linear-gradient(90deg,#7ae3c8,#a8ecd1);box-shadow:0 7px 18px rgba(54,174,145,.14)}
html[data-theme="day"] .subject-progress-list button{border-color:rgba(45,89,83,.1)}
html[data-theme="day"] .subject-progress-list button:hover{background:#f0f8f4}
html[data-theme="day"] .subject-progress-list button>i{color:#188b7c;background:#e5f6f0}
html[data-theme="day"] .subject-progress-list b{color:#2d4545}
html[data-theme="day"] .subject-progress-list span{color:#82918d}
html[data-theme="day"] .subject-progress-list em{background:#e6eeeb}
html[data-theme="day"] .subject-progress-list button>strong{color:#188b7c}
html[data-theme="day"] .week-chart{border-color:rgba(45,89,83,.12)}
html[data-theme="day"] .week-chart i{background:linear-gradient(#69dbc1,#36a98f)}
html[data-theme="day"] .week-chart i b,html[data-theme="day"] .week-chart span,html[data-theme="day"] .activity-panel>p{color:#82928e}
html[data-theme="day"] .debt-list>div{border-color:rgba(45,89,83,.1)}
html[data-theme="day"] .debt-list .debt-head{background:#eef5f2}
html[data-theme="day"] .debt-list .debt-head>*{color:#7b8c88}
html[data-theme="day"] .debt-list>div>span{color:#344d4d}
html[data-theme="day"] .debt-list b{color:#667b77}
html[data-theme="day"] .debt-list b i{border-color:#aabbb7;background:#fff}
html[data-theme="day"] .debt-list b i.on{border-color:#39b99e;background:#58d1b6}
html[data-theme="day"] .debt-list small{color:#7d8e8a}
html[data-theme="day"] .debt-empty b{color:#38504e}
html[data-theme="day"] .debt-empty span{color:#84948f}
html[data-theme="day"] .panel-action{color:#168b7a;border-color:rgba(45,89,83,.11)}
html[data-theme="day"] .rank-ladder>div:not(:last-child):after{background:rgba(54,96,89,.14)}
html[data-theme="day"] .rank-ladder i{color:#70837e;background:#eef3f0;box-shadow:0 3px 0 #d7dfdb,inset 0 1px #fff}
html[data-theme="day"] .rank-ladder i>em{border-color:#81928e}
html[data-theme="day"] .rank-ladder i>em:before,html[data-theme="day"] .rank-ladder i>em:after{background:#81928e}
html[data-theme="day"] .rank-ladder .active{color:#a76d1e;background:rgba(255,208,113,.16)}
html[data-theme="day"] .rank-ladder .done{color:#218f82}
html[data-theme="day"] .data-control-panel{color:#294240;background:rgba(255,254,250,.88);border-color:rgba(43,91,88,.14);box-shadow:inset 0 1px #fff}
/* 题目提示卡(园林手法对比/建筑识图/宗教卡片)在浅色主题下的可读色。
   深色主题沿用 style.css 的白字+深色卡;此前桌面浅色主题没有覆盖,白字浅底看不见。
   色板与 mobile-appfeel.css 手机端保持一致。 */
html[data-theme="day"] body[data-view="quiz"].quiz-answering .garden-methods i,
html[data-theme="day"] body[data-view="quiz"].quiz-answering .context-chips i,
html[data-theme="day"] body[data-view="quiz"].quiz-answering .faith-cards i{background:rgba(13,89,108,.06);color:#3d4c46;border:1px solid rgba(13,89,108,.1)}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .garden-methods i.on,
html[data-theme="day"] body[data-view="quiz"].quiz-answering .context-chips i.on,
html[data-theme="day"] body[data-view="quiz"].quiz-answering .faith-cards i.on{background:rgba(230,82,63,.12);color:#8c3125;border-color:rgba(230,82,63,.4)}
html[data-theme="day"] body[data-view="quiz"].quiz-answering .garden-methods b,
html[data-theme="day"] body[data-view="quiz"].quiz-answering .context-chips b{color:#22332d}
