/* Day keeps the existing reading workspace; only its panoramic scene changes. */
.studio-page:not(.private-view):not(.public-view):not(.dark) .hero{background-image:url('assets/hero-day-clean-20261019.webp');background-position:center 70%}
.studio-page:not(.private-view):not(.public-view):not(.dark) .hero:before{background:linear-gradient(90deg,#091f3966 0%,#0b264844 33%,transparent 68%)}
.studio-page:not(.dark) .hero header{background:#edf5ffdc;border-bottom-color:#dbe6f17a;backdrop-filter:blur(12px)}
.studio-page:not(.dark) .hero header :is(.brand,.account){color:#1e3658}
.studio-page:not(.dark) .hero header .brand small{color:#61748e}
.studio-page:not(.dark) .hero header .nav-icon{color:inherit}
.studio-page:not(.dark) .hero header .search{background:#f4f8ffcf;border-color:#ccdaf0}
.studio-page:not(.dark) .hero header .search input{color:#29415f}
.studio-page:not(.dark) .hero header .search input::placeholder{color:#7f91ab}
.studio-page .account [aria-label="夜间模式"]{display:grid;place-items:center}
/* Deep-blue night atmosphere; text surfaces remain quiet and high contrast. */
body.studio-page.dark{--bg:#050f20;--paper:#091a30f2;--panel:#091a30f2;--ink:#e1edfc;--muted:#9eb7d2;--line:#315b7a66;--accent:#82c8ff;isolation:isolate;background:var(--bg);background-attachment:fixed;color:var(--ink)}
.studio-page.dark:not(.private-view):not(.public-view) .hero{background-image:url('assets/hero-night-clean-20261019.webp');background-color:#0b1829;background-position:center 70%}
.studio-page.dark:not(.private-view):not(.public-view) .hero:before{background:linear-gradient(90deg,#08162780,#091a303d 42%,transparent 72%)}
.studio-page.dark .hero header{background:#0b1726bd;border-bottom:1px solid #49638240;backdrop-filter:blur(12px)}
.studio-page.dark .hero header :is(.brand,.account){color:#c6d6eb}
.studio-page.dark .hero header .search{background:#17283ed9;border-color:#354b67}.studio-page.dark .search input{color:#d8e7fa}
.studio-page.dark .inquiry-form{background:#16273de8;border-color:#3a5575;box-shadow:0 4px 16px #030a1626;backdrop-filter:blur(8px)}
.studio-page.dark .inquiry-form input{color:#e5eefb}.studio-page.dark .inquiry-form input::placeholder{color:#9aacc4}.studio-page.dark .inquiry-form>button:first-child{color:#9ab7dd;border-color:#3b506b}
.studio-page.dark :is(.studio-panel,.home-study-video,.home-study-columns>.writing-panel,.home-study-exploration-panel){background:#152235;border-color:#2a3c54;box-shadow:none}
.studio-page.dark .home-private-panel.home-study-columns{background:transparent;border:0}
.studio-page.dark .home-study-exploration-panel>.home-exploring{background:transparent}
.studio-page.dark :is(.question-card,.writing-draft,.document-item,.library-book,.public-book-card,.reader-work,.private-command form,.private-command>button){background:#19293e;border-color:#2d415b}
.studio-page.dark .home-study-columns .writing-draft{background:transparent;border:0}
.studio-page.dark :is(.home-exploration+.home-exploration,.private-table td,.public-video-item,.public-discussions article,.private-topic-panel>.studio-section-head){border-color:#2c3e56}
.studio-page.dark :is(.topic-filters button,.private-topics button,.public-filters button,.draft-formats button,.home-study-tools button,.writing-actions button,.study-video-actions button,.exploration-action button,.public-book-actions button,.private-table td button,.public-discussions article button){background:#1b304b;border-color:#365170;color:#aec9f0}
.studio-page.dark :is(.topic-filters button.active,.private-topics button.active,.public-filters button.active){background:#306fce;border-color:#4a90ec;color:#fff}
.studio-page.dark .primary{background:var(--hc-primary-background,linear-gradient(105deg,#3f8af0,#286bd4))!important;border-color:#6099e733!important;box-shadow:0 3px 10px #07152a35;color:#fff!important}
.studio-page.dark :is(.exploration-symbol,.topic-tag,.document-icon){background:#243e61;color:#79b5ff}
.studio-page.dark :is(.exploration-symbol.rose,.topic-tag.rose){background:#493142;color:#f1a0ae}
.studio-page.dark :is(.private-advice,.private-advice blockquote,.private-content #private-content-search,.private-table th){background:#192a40;border-color:#31455f;color:#c3d4eb}
.studio-page.dark :is(.private-content-tabs,.public-tabs){border-color:#2c405a}
.studio-page.dark :is(.private-content-tabs button,.public-tabs button){color:#a9bdd8}
.studio-page.dark :is(.private-content-tabs button.active,.public-tabs button.active){color:#8abaff;border-color:#71a8ff}
.studio-page.dark :is(.reader-byline small,.draft-badge){background:#263d56;color:#a7c9ef}
.studio-page.dark :is(h1,h2,h3,h4,.reader-work-title,.document-item b,.library-book>span b,.private-table td:first-child){color:var(--ink)}
.studio-page.dark :is(.exploration-copy p,.exploration-copy>small,.writing-draft p,.writing-draft>small,.document-item small,.private-label,.library-book p,.library-book>span small,.home-study-video>p,.studio-section-head h2 small,.public-side-caption,.public-book-info p,.public-book-info>small,.public-video-item p,.public-discussions article p,.reader-work>p,.private-title p,.private-topic-panel .studio-section-head>span,.private-exploring>span,.private-table td,.private-table-note,.private-advice p,.private-advice>small,.question-count,.question-step,.private-content .studio-section-head>small){color:#a2b6d0}
.studio-page.dark :is(.home-study-tools button:hover,.writing-actions button:hover,.study-video-actions button:hover,.exploration-action button:hover){background:#29496f;color:#eff6ff}
.studio-page.dark dialog{border-color:#354a65;background:#152235;color:#e1eaf6}.studio-page.dark .modal-top{border-color:#2b405b}.studio-page.dark .modal-top button:hover{background:#25405d}.studio-page.dark #modal-body p{color:#a8bdd8}
.studio-page.dark .public-share{background:#17283e;border-color:#4c76a7;color:#9fc5ff}.studio-page.dark .classic-excerpt{background:#0f1d30;color:#d5e3f5}
.studio-page.dark .video-meta{background:#102035;color:#a2b6d0}
@media(max-width:1000px){.studio-page:not(.private-view):not(.public-view):not(.dark) .hero,.studio-page.dark:not(.private-view):not(.public-view) .hero{background-position:72% 65%}}
@media(max-width:500px){.studio-page:not(.private-view):not(.public-view):not(.dark) .hero,.studio-page.dark:not(.private-view):not(.public-view) .hero{background-position:80% center}}
.studio-page.dark .account [aria-label="夜间模式"]{color:#c6defe;background:transparent}
.studio-page.dark .account [aria-label="夜间模式"]:hover{background:#254265;color:#fff}

/* Quiet navigation links in both themes. */
.studio-page .home-study-tools button[data-view="private"]{border:0;background:transparent;box-shadow:none;padding-right:0}
.studio-page .home-exploring .exploration-action button{border:0;background:transparent;box-shadow:none;width:28px;height:28px;min-height:28px;padding:4px;justify-content:center}
.studio-page .home-exploring .exploration-action button .icon{width:18px;height:18px}
.studio-page .home-exploring .exploration-copy h4{padding-right:34px}
.studio-page .home-exploring .exploration-action button:hover{background:#4385ed12}
/* Frosted glass navigation lets the panorama show through. */
.studio-page:not(.dark) .hero header{background:linear-gradient(110deg,#f3f8ff8c,#edf5ff66);backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);border-bottom:1px solid #ffffff65;box-shadow:0 1px 0 #ffffff26 inset,0 3px 14px #10264408}
.studio-page.dark .hero header{background:linear-gradient(110deg,#0b17268c,#10203570);backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);border-bottom:1px solid #a8c9f022;box-shadow:0 1px 0 #c5dfff0a inset}
/* A softer glass input belongs to the scene instead of a solid white strip. */
.studio-page:not(.dark) .inquiry-form{background:linear-gradient(105deg,#f3f8ffb3,#eaf3ff91);border:1px solid #f6fbff8c;border-radius:7px;backdrop-filter:blur(16px) saturate(1.05);-webkit-backdrop-filter:blur(16px) saturate(1.05);box-shadow:0 4px 16px #0b24431a,inset 0 1px #ffffff66}
.studio-page:not(.dark) .inquiry-form input{color:#294260}.studio-page:not(.dark) .inquiry-form input::placeholder{color:#607691}
.studio-page .inquiry-form .primary{background:linear-gradient(135deg,#6baaf2,#4489e2)!important;box-shadow:0 2px 7px #1e579d29;border-color:#ffffff33!important}
.studio-page.dark .inquiry-form{background:linear-gradient(105deg,#14273cba,#1a334b99);border-color:#92b9e047;border-radius:7px;backdrop-filter:blur(16px) saturate(1.05);-webkit-backdrop-filter:blur(16px) saturate(1.05);box-shadow:0 4px 14px #030b171a,inset 0 1px #ffffff0d}
/* Lighter glass tint makes the room visible through the input. */
.studio-page:not(.dark) .inquiry-form{background:linear-gradient(105deg,#f3f8ff52,#eaf3ff33);border-color:#ffffff4d;backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);box-shadow:0 2px 10px #0b24430d,inset 0 1px #ffffff26}
.studio-page:not(.dark) .inquiry-form input{color:#f1f6ff;text-shadow:0 1px 3px #10264280}
.studio-page:not(.dark) .inquiry-form input::placeholder{color:#e1ebf8}
.studio-page:not(.dark) .inquiry-form>button:first-child{color:#e1edff;border-color:#e3efff33}
.studio-page.dark .inquiry-form{background:linear-gradient(105deg,#14273c66,#1a334b40);border-color:#92b9e033;backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);box-shadow:none}
/* Almost-clear navigation glass. */
.studio-page:not(.dark) .hero header{background:linear-gradient(110deg,#f3f8ff1f,#edf5ff14);backdrop-filter:blur(6px) saturate(1.03);-webkit-backdrop-filter:blur(6px) saturate(1.03);border-bottom-color:#ffffff26;box-shadow:none}
.studio-page.dark .hero header{background:linear-gradient(110deg,#0b17262e,#1020351f);backdrop-filter:blur(6px) saturate(1.03);-webkit-backdrop-filter:blur(6px) saturate(1.03);border-bottom-color:#bfd8f51a;box-shadow:none}
/* Photo-backed navigation: nearly clear glass, white labels and a quiet active state. */
body.studio-page:not(.private-view):not(.public-view) .hero header{background:linear-gradient(100deg,#071a2b21,#132d4310);backdrop-filter:blur(3px) saturate(1.02);-webkit-backdrop-filter:blur(3px) saturate(1.02);border-bottom-color:#ffffff1c;box-shadow:none}
body.studio-page:not(.private-view):not(.public-view) .hero header :is(.brand,.account){color:#f7faff;text-shadow:0 1px 5px #071a2b80}
body.studio-page:not(.private-view):not(.public-view) .hero header .brand small{color:#e2ebf6;text-shadow:0 1px 4px #071a2b80}
body.studio-page:not(.private-view):not(.public-view) .account [aria-label="夜间模式"]{color:#f7faff;background:transparent}
/* One glass material shared by the photo header and its inquiry field. */
body.studio-page:not(.private-view):not(.public-view){--hero-glass-background:linear-gradient(100deg,#071a2b21,#132d4310);--hero-glass-filter:blur(3px) saturate(1.02);--hero-glass-border:#ffffff1c}
body.studio-page:not(.private-view):not(.public-view) :is(.hero header,.inquiry-form){background:var(--hero-glass-background);backdrop-filter:var(--hero-glass-filter);-webkit-backdrop-filter:var(--hero-glass-filter);border-color:var(--hero-glass-border);box-shadow:none}
/* Input affordance: retain the shared glass, add a distinct interactive edge. */
body.studio-page:not(.private-view):not(.public-view) .hero .inquiry-form{border:1px solid #ffffff80;transition:border-color .16s ease,box-shadow .16s ease}
body.studio-page:not(.private-view):not(.public-view) .hero .inquiry-form:hover{border-color:#ffffffbf}
body.studio-page:not(.private-view):not(.public-view) .hero .inquiry-form:focus-within{border-color:#e5f3ff;box-shadow:0 0 0 2px #b9dcff47,0 3px 12px #071a2b1a}

/* One current-page indicator across every view; only colors follow the header. */
body.studio-page #nav{--nav-text:#1e3658;--nav-current:#286dd0;--nav-line:#4385de;--nav-hover:#4385ed0d;--nav-line-inset:18px}
body.studio-page.dark #nav{--nav-text:#c6d6eb;--nav-current:#f0f6ff;--nav-line:#8cbbfa;--nav-hover:#91b9ee12}
body.studio-page:not(.private-view):not(.public-view) #nav{--nav-text:#f7faff;--nav-current:#fff;--nav-line:#eaf5ffb3;--nav-hover:#ffffff14;text-shadow:0 1px 5px #071a2b80}
body.studio-page #nav :is(button,a){position:relative;color:var(--nav-text);background:transparent;border-radius:4px;box-shadow:none}
body.studio-page #nav button.active{color:var(--nav-current);background:transparent;box-shadow:none}
body.studio-page #nav .nav-icon{color:inherit}
body.studio-page #nav button.active::after{content:'';position:absolute;inset-inline:var(--nav-line-inset);bottom:2px;height:2px;background:var(--nav-line);border-radius:0;pointer-events:none}
body.studio-page #nav :is(button,a):hover{background:var(--nav-hover)}
body.studio-page #nav :is(button,a):focus-visible{outline:2px solid var(--nav-line);outline-offset:2px}
@media(max-width:600px){body.studio-page #nav{--nav-line-inset:8px}}

@media(max-width:1000px){body.studio-page:is(.private-view,.public-view,.children-view) .hero header{height:auto;min-height:70px}}

/* Quiet night surfaces share the plain page background. */
body.studio-page.dark .studio-workspace,body.studio-page.dark .ps-app{background:transparent}
body.studio-page.dark :is(.hc-section,.ps-k-list,.ps-k-detail){background:linear-gradient(145deg,#0c2642f5,#07152bf5);border-color:#3b75983b;box-shadow:inset 0 1px 0 #83d5ff08}
body.studio-page.dark .ps-panel{background:var(--ps-paper);border-color:var(--ps-line);box-shadow:none}
body.studio-page.dark .ps-sidebar{background:linear-gradient(180deg,#081a30ee,#061326f5);border-right-color:#38698c38}
body.studio-page.dark .ps-app :is(.ps-k-tools,.ps-filter-row) :is(input,select){color:#d6ebff}
body.studio-page.dark .ps-app{--ps-nav-current:#fff}
body.studio-page.dark .ps-k-categories{--ps-button-label:#fff;--ps-category-count-opacity:1}
body.studio-page.dark .ps-k-tools{--ps-button-label:#fff;--ps-muted:#fff}
body.studio-page.dark .ps-app .ps-k-row[data-selected=true]{background:linear-gradient(105deg,#19437966,#102b4a66);border-color:#69c6ff3b}
body.studio-page.dark .ps-k-detail>.ps-k-title h2{color:#eef7ff}