/* 以低饱和纸白与松绿色建立安静的编辑工作区，桌面与手机共享操作层级。 */
:root{--paper:#f6f7f3;--surface:#fff;--ink:#233b33;--muted:#617168;--line:#dce3dc;--green:#235d46;--green-hover:#164c36;--wash:#e8f1e9;--danger:#a33232;--radius:12px;--space:24px;font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit}button,input,textarea{transition:border-color .15s,background .15s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #79aa8b;outline-offset:3px}::selection{background:#c5dfce;color:#163e2c}input,textarea{caret-color:var(--green)}[hidden]{display:none!important}svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.topbar{min-height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:var(--surface);gap:16px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:18px;font-weight:650;white-space:nowrap}.brand svg{width:34px;height:34px;color:var(--green)}#user-menu{display:flex;align-items:center;gap:22px;font-size:14px}main{max-width:1400px;padding:0 5vw;margin:auto}h1,h2,p{margin:0}h1{font-size:34px;line-height:1.25;letter-spacing:-.025em;font-weight:650}h2{font-size:20px;font-weight:650;line-height:1.4}p{line-height:1.7}.muted,.quiet,.field-help,.form-note{color:var(--muted)}.primary,.secondary,.upload-button{border-radius:8px;padding:11px 18px;min-height:44px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:14px;text-decoration:none}.primary{background:var(--green);border:1px solid var(--green);color:#fff}.primary:hover{background:var(--green-hover)}.secondary{background:var(--surface);border:1px solid var(--line);color:var(--ink)}.secondary:hover,.upload-button:hover{background:var(--wash)}.text-button{padding:10px 0;min-height:44px;border:0;background:transparent;color:var(--green);font-size:14px;text-underline-offset:5px}.text-button:hover{text-decoration:underline}.danger{color:var(--danger)}label{font-size:14px;font-weight:600;display:block;margin-bottom:9px}input:not([type=checkbox]):not([type=file]),textarea{width:100%;background:var(--surface);color:var(--ink);border:1px solid #bdcbbf;border-radius:8px;padding:12px 14px;min-height:46px}input::placeholder,textarea::placeholder{color:#718077}input[readonly]{background:#f7f9f6}textarea{resize:vertical}form>label:not(:first-child){margin-top:22px}.form-error{color:var(--danger);font-size:14px;min-height:22px;margin-top:12px;white-space:pre-line}.form-note,.field-help{font-size:12px;line-height:1.7}.field-help{margin-top:8px}.notice{position:fixed;z-index:10;top:94px;right:5vw;max-width:min(460px,90vw);padding:14px 20px;background:var(--ink);color:white;border-radius:10px;box-shadow:0 8px 28px #17332426;font-size:14px}.notice.error{background:#8e3333}.loading{text-align:center;padding:120px 0;color:var(--muted)}.login-layout{min-height:calc(100vh - 85px);display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:center;padding:64px 0 100px}.welcome h1{font-size:clamp(38px,4vw,56px);line-height:1.4;letter-spacing:-.035em}.welcome>p{margin-top:24px;color:var(--muted);font-size:15px}.connection{display:flex;align-items:center;gap:18px;margin:54px 0;color:var(--green);font-size:14px}.connection svg{width:105px;height:24px;stroke-width:1.4}.welcome p.quiet{font-size:12px}.login-form{padding:40px;background:var(--surface);border:1px solid var(--line);border-radius:16px;max-width:440px}.login-form>p.muted{margin:12px 0 28px;font-size:14px}.login-form>.primary{width:100%;margin-top:28px}.login-form>.form-note{border-top:1px solid var(--line);padding-top:18px;margin-top:14px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:44px 0 30px}.page-heading p{color:var(--muted);font-size:14px;margin-top:12px}.tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:30px}.tabs button{padding:15px 0;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:14px;font-weight:600}.tabs button.active{color:var(--green);border-bottom-color:var(--green)}.workspace-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:34px;align-items:start}.subscription-list{min-width:0}.list-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}.list-heading h2{font-size:14px}.list-heading>span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.subscription-item{width:100%;text-align:left;border:1px solid transparent;background:none;padding:18px;border-radius:var(--radius);display:grid;gap:9px;margin-bottom:10px;color:var(--ink)}.subscription-item:hover{background:#eef2ed}.subscription-item.selected{border-color:#b5cebb;background:var(--wash)}.item-title{font-weight:650;font-size:15px;overflow-wrap:anywhere}.item-details{font-size:12px;color:var(--muted);line-height:1.6}.item-status{font-size:12px;color:var(--green)}.item-status.paused{color:#786332}.list-note{font-size:12px;color:var(--muted);padding:22px 16px 0;border-top:1px solid var(--line);margin-top:26px}.editor{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-width:0}.editor-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:28px}.editor-heading h2{overflow-wrap:anywhere}.editor-heading p{font-size:12px;margin-top:8px}.state{font-size:12px;background:var(--wash);color:var(--green);border-radius:6px;white-space:nowrap;padding:6px 10px}.editor-fields{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:end}.toggle{min-height:46px;display:flex;align-items:center;gap:10px;white-space:nowrap;margin:0;font-weight:400}.toggle input{width:18px;height:18px;accent-color:var(--green)}.link-section{margin-top:26px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.link-row{display:flex;gap:10px}.link-row input{font-family:Consolas,monospace;font-size:12px;min-width:0}.link-row button{flex-shrink:0}.config-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px;gap:12px}.config-heading label{margin:0}.upload-button{position:relative;border:1px solid var(--line);font-weight:500;overflow:hidden;cursor:pointer;font-size:12px;padding:8px 12px;min-height:38px}.upload-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.upload-button:focus-within{outline:3px solid #79aa8b;outline-offset:3px}#config-content{min-height:320px;font-family:Consolas,"Cascadia Code",monospace;font-size:13px;line-height:1.65;background:#f9fbf8;tab-size:2;scrollbar-color:#b6c8bc #f9fbf8;scrollbar-width:thin}.editor-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}.editor-footer p{font-size:12px}.manage-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px;margin-top:12px}.empty-editor{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;border:1px dashed #bdcbbf;border-radius:var(--radius)}.empty-editor p{font-size:14px;max-width:38ch;margin:18px 0 26px;color:var(--muted)}.account-view{display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:940px;padding:18px 0 48px}.account-view p.muted{font-size:14px;margin-top:14px}.account-view form{max-width:430px}.account-view .primary{margin-top:28px}.page-footer{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px;padding:32px 0;margin-top:16px}#empty-list{font-size:14px;line-height:1.8}
/* 窄屏将列表与编辑区顺序排列，表单与按钮保留可触摸尺寸。 */
@media(max-width:850px){.workspace-grid{grid-template-columns:205px minmax(0,1fr);gap:20px}.editor{padding:22px}.login-layout{gap:6%}.login-form{padding:28px}.welcome h1{font-size:40px}.editor-fields{grid-template-columns:1fr;gap:8px}.toggle{min-height:36px}.editor-heading{gap:12px}}
@media(max-width:640px){.topbar{min-height:68px;padding:0 20px}.brand{font-size:16px;gap:8px}.brand svg{width:28px}#user-menu{gap:12px}#username{display:none}main{padding:0 20px}.page-heading{padding:30px 0 20px;align-items:start;gap:14px}.page-heading h1{font-size:28px}.page-heading p{max-width:27ch;font-size:13px}.page-heading>.primary{padding:10px 12px;font-size:13px;gap:6px;white-space:nowrap}.tabs{margin-bottom:22px}.workspace-grid{grid-template-columns:1fr;gap:22px}.list-heading{margin-bottom:12px}#list{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.subscription-item{flex:0 0 210px;padding:14px;margin:0}.list-note{display:none}.editor{padding:20px}.editor-heading{margin-bottom:20px}.editor-heading h2{font-size:18px}.editor-fields{gap:6px}.link-row{flex-wrap:wrap}.link-row input{flex:1 1 100%}.link-row button{width:100%}.config-heading{align-items:center}.config-heading>label:first-child{font-size:13px}#config-content{min-height:300px;font-size:12px}.editor-footer{gap:12px}.editor-footer>.primary{padding:10px 14px;white-space:nowrap}.editor-footer p{max-width:16ch}.page-footer{font-size:11px;flex-direction:column;gap:5px;margin:0}.login-layout{grid-template-columns:1fr;padding:32px 0 48px;gap:28px;min-height:0}.welcome h1{font-size:32px;line-height:1.35}.welcome h1 br{display:none}.welcome>p{font-size:13px;margin-top:12px}.welcome>p br{display:none}.connection,.welcome p.quiet{display:none}.login-form{width:100%;max-width:none;padding:26px}.account-view{grid-template-columns:1fr;gap:24px}.account-view form{max-width:none}.notice{top:78px}.empty-editor{min-height:280px;padding:28px 20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}