:root{--sd-bg:#f6f6f8;--sd-panel:#fff;--sd-text:#15151d;--sd-muted:#8f9098;--sd-line:#ececf1;--sd-gap:#f1f1f6;--sd-arrow:#c2c3ca;--sd-accent:#ff3f5f;--sd-soft:#f3f3f8;}
html.dark{--sd-bg:#09090b;--sd-panel:#17171d;--sd-text:#f7f7f8;--sd-muted:#a1a1aa;--sd-line:#2a2a33;--sd-gap:#0f0f14;--sd-arrow:#8f909b;--sd-soft:#24242c;}
body.settings-detail-page{margin:0;background:var(--sd-bg);color:var(--sd-text);font-family:"PingFang TC","Microsoft JhengHei",sans-serif;}
body.settings-detail-page .settings-detail-page-bg{background:var(--sd-bg)!important;color:var(--sd-text);}
body.settings-detail-page .site-sidebar{background:var(--sd-bg)!important;border-right:1px solid var(--sd-line)!important;color:var(--sd-muted)!important;}
.settings-detail-shell{min-height:100vh;background:var(--sd-bg);}
.settings-detail-panel{width:min(100%,640px);min-height:100vh;margin:0 auto;background:var(--sd-panel);border-left:1px solid var(--sd-line);border-right:1px solid var(--sd-line);}
.settings-detail-header{height:52px;display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;border-bottom:1px solid var(--sd-line);background:var(--sd-panel);}
.settings-detail-header h1{margin:0;text-align:center;font-size:20px;font-weight:800;line-height:1;color:var(--sd-text);}
.settings-detail-back,.settings-detail-done{height:52px;border:0;background:transparent;color:var(--sd-text);cursor:pointer;}
.settings-detail-back{display:flex;align-items:center;justify-content:center;}
.policy-popup-close{font-size:28px;line-height:1;font-weight:400;}
.policy-popup-close:focus-visible{outline:2px solid var(--sd-accent);outline-offset:-4px;border-radius:6px;}
.settings-detail-back img{width:22px;height:22px;}
html.dark .settings-detail-back img{filter:invert(1) brightness(1.8);}
.settings-detail-done{padding-right:16px;color:#c7c8cf;font-size:15px;font-weight:700;text-align:right;}
.settings-detail-body{background:var(--sd-panel);}
.settings-detail-section{padding:0;background:var(--sd-panel);border-top:1px solid var(--sd-line);}
.settings-detail-section:first-child{border-top:0;}
.settings-detail-section.has-gap{border-top:7px solid var(--sd-gap);}
.settings-detail-section-title{margin:0;padding:24px 16px 8px;color:var(--sd-text);font-size:15px;font-weight:800;line-height:1.2;}
.settings-detail-row,.settings-switch-row{min-height:56px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:9px 16px;border:0;border-bottom:1px solid var(--sd-line);background:var(--sd-panel);color:var(--sd-text);text-align:left;text-decoration:none;}
.settings-detail-row:last-child,.settings-switch-row:last-child{border-bottom:0;}
.settings-detail-row strong,.settings-switch-row strong{display:block;margin:0;color:var(--sd-text);font-size:16px;font-weight:500;line-height:1.35;}
.settings-detail-row small,.settings-switch-row small{display:block;margin-top:5px;color:var(--sd-muted);font-size:12px;font-weight:400;line-height:1.45;}
.settings-detail-row em{font-style:normal;color:var(--sd-muted);font-size:15px;white-space:nowrap;}
.settings-unblock-button{min-width:92px;height:38px;padding:0 14px;border:1px solid var(--sd-line);border-radius:999px;background:var(--sd-panel);color:var(--sd-text);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease;}
.settings-unblock-button:hover,.settings-unblock-button:focus-visible{border-color:var(--sd-accent);color:var(--sd-accent);}.settings-unblock-button:focus-visible{outline:3px solid color-mix(in srgb,var(--sd-accent) 30%,transparent);outline-offset:2px;}.settings-unblock-button:disabled{cursor:wait;opacity:.55;}
.settings-detail-row i{width:11px;height:11px;border-top:2px solid var(--sd-arrow);border-right:2px solid var(--sd-arrow);transform:rotate(45deg);}
.settings-switch-row input{position:absolute;opacity:0;pointer-events:none;}
.settings-switch-row b{position:relative;width:44px;height:28px;display:inline-block;border-radius:999px;background:#d8d9df;transition:background .16s ease;}
.settings-switch-row b::after{position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:999px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);content:"";transition:transform .16s ease;}
.settings-switch-row input:checked+b{background:var(--sd-accent);}
.settings-switch-row input:checked+b::after{transform:translateX(16px);}
.settings-detail-empty{padding:44px 16px;color:var(--sd-muted);font-size:15px;text-align:center;}
.settings-detail-muted{color:var(--sd-muted);}
.settings-detail-note{margin:0;padding:12px 16px;color:var(--sd-muted);font-size:13px;line-height:1.5;}
.settings-detail-form{padding:30px 16px 24px;}
.settings-detail-form h2{margin:0 0 30px;color:var(--sd-text);font-size:24px;font-weight:900;line-height:1.25;}
.settings-detail-form p{margin:0 0 24px;color:var(--sd-text);font-size:18px;line-height:1.5;}
.settings-check-list{display:grid;gap:16px;margin:0 0 18px;}
.settings-check{display:flex;align-items:center;gap:10px;color:var(--sd-text);font-size:15px;line-height:1.4;}
.settings-check input{width:20px;height:20px;accent-color:#d8d9e1;}
.settings-detail-textarea{width:100%;min-height:136px;padding:14px 16px;border:1px solid #d8d9e1;border-radius:7px;background:var(--sd-panel);color:var(--sd-text);font:inherit;resize:none;outline:0;}
.settings-detail-button{width:100%;height:52px;margin-top:26px;border:0;border-radius:999px;background:#120b3d;color:#fff;font-size:15px;font-weight:800;cursor:pointer;}
.settings-detail-button:disabled{background:#d8d9e1;color:#fff;cursor:not-allowed;}
.settings-save-state{min-height:18px;margin:10px 16px;color:var(--sd-muted);font-size:12px;text-align:right;}
@media(max-width:640px){.settings-detail-panel{border:0;width:100%;}.settings-detail-header{grid-template-columns:48px minmax(0,1fr) 48px;}.settings-detail-header h1{font-size:19px;}.settings-detail-row,.settings-switch-row{padding-left:18px;padding-right:18px;}}