/* 設定頁變數 */
:root{--set-bg:#ffffff;--set-panel:#ffffff;--set-text:#181820;--set-muted:#8e9099;--set-line:#ededf2;--set-gap:#f2f1f8;--set-arrow:#c8c9d2;--set-hover:#f8f8fb;--set-primary:#ff9900;}
html.dark body.settings-page{--set-bg:#09090b;--set-panel:#17171d;--set-text:#f7f7f8;--set-muted:#a1a1aa;--set-line:#2a2a33;--set-gap:#0f0f14;--set-arrow:#8f909b;--set-hover:#1c1c24;}
body.settings-page{background:var(--set-bg);color:var(--set-text);}
body.settings-page .settings-page-bg{background:var(--set-bg)!important;color:var(--set-text);}
body.settings-page .site-sidebar{background:var(--set-bg)!important;border-right:1px solid var(--set-line)!important;color:var(--set-muted)!important;}
body.settings-page .site-sidebar a,body.settings-page .site-sidebar button{color:var(--set-muted)!important;background:transparent!important;}
body.settings-page .site-sidebar a:hover,body.settings-page .site-sidebar button:hover{background:var(--set-hover)!important;color:var(--set-text)!important;}
body.settings-page .site-sidebar .logo-dark{display:none!important;}
body.settings-page .site-sidebar .logo-light{display:block!important;}
html.dark body.settings-page .site-sidebar .logo-dark{display:block!important;}
html.dark body.settings-page .site-sidebar .logo-light{display:none!important;}
.settings-shell{min-height:100vh;background:var(--set-bg);}
.settings-panel{width:min(100%,640px);min-height:100vh;margin:0 auto;background:var(--set-panel);border-left:1px solid var(--set-line);border-right:1px solid var(--set-line);}
.settings-header{height:50px;display:grid;grid-template-columns:50px minmax(0,1fr) 50px;align-items:center;border-bottom:1px solid var(--set-line);background:var(--set-panel);}
.settings-header h1{margin:0;font-size:20px;font-weight:800;line-height:1;color:var(--set-text);}
.settings-back{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--set-text);}
.settings-back img{width:22px;height:22px;}
html.dark body.settings-page .settings-back img{filter:invert(1) brightness(1.8);}
.settings-list{background:var(--set-panel);}
.settings-section{background:var(--set-panel);}
.settings-section.has-gap{border-top:6px solid var(--set-gap);}
.settings-section h2{height:42px;display:flex;align-items:center;margin:0;padding:0 16px;color:var(--set-text);font-size:15px;font-weight:800;line-height:1;border-bottom:0;}
.settings-row{height:56px;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;padding:0 16px 0 20px;border:0;border-top:1px solid var(--set-line);background:var(--set-panel);color:var(--set-text);font-size:16px;font-weight:500;line-height:1;text-align:left;text-decoration:none;transition:background .16s ease;}
.settings-row:hover{background:var(--set-hover);}
.settings-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.settings-row i{width:11px;height:11px;justify-self:end;border-top:2px solid var(--set-arrow);border-right:2px solid var(--set-arrow);transform:rotate(45deg);}
.settings-theme-row{grid-template-columns:minmax(0,1fr) auto;cursor:pointer;}
.settings-version-row{grid-template-columns:minmax(0,1fr) auto;cursor:default;}
.settings-version-row:hover{background:var(--set-panel);}
.settings-version-row em{justify-self:end;color:var(--set-muted);font-size:15px;font-style:normal;font-weight:600;line-height:1;white-space:nowrap;}
.settings-theme-options{display:inline-flex;align-items:center;gap:4px;justify-self:end;padding:3px;border-radius:999px;background:var(--set-gap);font-style:normal;}
.settings-theme-options b{display:inline-flex;height:26px;align-items:center;padding:0 10px;border-radius:999px;color:var(--set-muted);font-size:13px;font-weight:900;line-height:1;}
.settings-theme-options b.is-active{background:var(--set-panel);color:var(--set-text);box-shadow:0 1px 4px rgba(0,0,0,.08);}
.settings-logout{cursor:pointer;color:var(--set-muted);}
.settings-logout{grid-template-columns:minmax(0,1fr);}
.settings-install-state{min-height:1.4em;margin:8px 16px 0;color:var(--set-muted);font-size:13px;line-height:1.55;}
html.dark body.settings-page .settings-logout{color:var(--set-muted);}
@media (max-width:640px){.settings-panel{border:0;width:100%;}.settings-header{height:52px;grid-template-columns:48px minmax(0,1fr) 48px;}.settings-header h1{font-size:19px;}.settings-back{width:48px;height:52px;}.settings-row{height:57px;font-size:16px;padding-left:18px;}.settings-section h2{padding-left:18px;}}