:root{--paper:#fffdfd;--card:#fff;--ink:#302a31;--muted:#766b73;--line:#eedde6;--accent:#a74974;--soft:#fff1f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,"Microsoft Yahei",sans-serif}.settings-topbar{height:72px;padding:0 clamp(18px,3vw,38px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fffdfde8;backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.settings-brand{display:flex;flex-direction:column;color:inherit;text-decoration:none}.settings-brand strong{font-size:18px}.settings-brand span,.settings-kicker,.section-heading>span{font-size:9px;letter-spacing:2.4px;color:#9b6d83;margin-top:3px}.settings-back{color:#8d4165;text-decoration:none;border:1px solid #ebcad9;border-radius:999px;padding:9px 14px;font-size:12px;background:#fff}.settings-shell{display:grid;grid-template-columns:230px minmax(0,720px);gap:64px;max-width:1080px;margin:0 auto;padding:48px 30px 90px}.settings-sidebar{position:sticky;top:112px;align-self:start}.settings-sidebar h1{font-size:31px;margin:8px 0 30px}.settings-sidebar nav{display:grid;gap:5px}.settings-sidebar nav a{padding:11px 13px;border-radius:10px;text-decoration:none;color:#6e6069;font-size:14px;font-weight:650}.settings-sidebar nav a:hover,.settings-sidebar nav a.active{background:var(--soft);color:#8d325d}.settings-content{min-width:0}.settings-section{scroll-margin-top:100px;margin-bottom:68px}.section-heading{margin:0 0 18px}.section-heading h2{font-size:25px;margin:7px 0}.section-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.settings-card{border:1px solid var(--line);border-radius:20px;background:var(--card);padding:0 20px;box-shadow:0 12px 35px #4b253608}.setting-row,.version-row{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #f4e8ee}.setting-row:last-child,.version-row:last-child{border-bottom:0}.setting-row>span,.version-row>span{display:grid;gap:5px;min-width:0}.setting-row strong,.version-row strong{font-size:14px}.setting-row small,.version-row small{font-size:12px;color:var(--muted);line-height:1.45}.setting-row select{min-width:130px;border:1px solid #e4cbd7;border-radius:10px;background:#fff;padding:9px 31px 9px 11px;color:#5d4351;font:inherit;font-size:13px}.setting-row input[role=switch]{appearance:none;width:43px;height:25px;border-radius:99px;background:#d9d3d6;position:relative;flex:0 0 43px;cursor:pointer;transition:.16s}.setting-row input[role=switch]:after{content:"";position:absolute;width:19px;height:19px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 2px 6px #3a263738;transition:.16s}.setting-row input[role=switch]:checked{background:#b75582}.setting-row input[role=switch]:checked:after{transform:translateX(18px)}button,.version-row a{border:1px solid #e5c5d5;border-radius:10px;background:#fff;color:#8d3d63;padding:9px 13px;font:inherit;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}button:hover,.version-row a:hover{background:var(--soft)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #c96994;outline-offset:2px}.version-badge{font-size:11px;color:#8f3f65;background:#fbe8f1;border-radius:999px;padding:6px 10px}.settings-actions{display:flex;gap:9px;flex-wrap:wrap;padding:18px 0}.settings-actions .primary{background:#a74974;color:#fff;border-color:#a74974}.settings-status{font-size:12px;color:#80596d;min-height:18px;margin:0;padding:0 0 18px}.settings-status.error{color:#a03958}@media(max-width:780px){.settings-shell{grid-template-columns:1fr;gap:24px;padding:25px 18px 70px}.settings-sidebar{position:static}.settings-sidebar h1{font-size:27px;margin-bottom:16px}.settings-sidebar nav{display:flex;overflow:auto;padding-bottom:4px;gap:6px}.settings-sidebar nav a{white-space:nowrap;background:#fff;border:1px solid var(--line)}.settings-section{margin-bottom:45px}.setting-row,.version-row{min-height:84px}.setting-row small,.version-row small{max-width:58vw}}@media(max-width:470px){.settings-topbar{height:64px}.settings-brand span{display:none}.settings-card{padding:0 15px}.setting-row,.version-row{gap:14px}.setting-row select{min-width:108px}.setting-row small,.version-row small{max-width:52vw}.section-heading h2{font-size:22px}}
