:root{--online-bg:#f6f3eb;--online-green:#2f634e;--online-line:#dcded2;--online-ink:#26382f;--reading-size:18px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}button,a,[role=button]{touch-action:manipulation}button,input,select{font:inherit}button,a.primary{cursor:pointer}button:disabled{opacity:.55;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #95ae75;outline-offset:3px}[hidden]{display:none!important}
.online-home,.online-admin{margin:0;background:var(--online-bg);color:var(--online-ink);font:16px/1.65 system-ui,-apple-system,"Microsoft YaHei",sans-serif}.home-wrap,.admin-wrap{max-width:1160px;margin:auto;padding:28px max(22px,env(safe-area-inset-right)) 24px max(22px,env(safe-area-inset-left))}.home-header,.home-header #account{display:flex;align-items:center;justify-content:space-between;gap:18px}.home-header{padding-bottom:26px;border-bottom:1px solid var(--online-line)}.brand{font-size:24px;font-weight:700;color:inherit;text-decoration:none;letter-spacing:.04em}.brand span{display:block;font-size:12px;font-weight:400;color:#718072;letter-spacing:.12em}.quiet{border:1px solid var(--online-line);border-radius:8px;background:transparent;color:var(--online-green);padding:8px 14px;min-height:44px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--online-green);color:#fff;border:0;border-radius:8px;padding:11px 20px;min-height:44px;text-decoration:none;font-weight:600}.eyebrow{font-size:13px;font-weight:650;letter-spacing:.09em;color:var(--online-green)}.muted,.privacy{color:#68776c}.login-panel{max-width:470px;margin:70px auto 100px;padding:32px;background:#fffef9;border:1px solid var(--online-line);border-radius:14px}.login-panel h1{font-size:25px;line-height:1.5;margin:12px 0}.login-panel form{display:grid;gap:12px;margin-top:26px}label{font-weight:600}input,select{font-size:16px;background:#fffef9;border:1px solid #becbbd;border-radius:7px;padding:11px 12px;max-width:100%;color:inherit}#reading-code{width:100%;font-size:17px;letter-spacing:.03em}.privacy{font-size:12px;margin:22px 0 0}.form-error{font-size:14px;color:#96503f;min-height:1.5em}.catalog-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:40px 0 28px}.catalog-heading h1{font-size:29px;margin:8px 0 10px;line-height:1.45}.catalog-heading p{margin:8px 0}.region-search-label{display:grid;gap:7px;font-size:13px}.region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.region-card{padding:23px;border:1px solid var(--online-line);border-radius:12px;background:#fffef9;display:flex;flex-direction:column;justify-content:space-between;gap:16px}.region-card h2{font-size:21px;margin:0 0 7px}.region-card p{font-size:13px;color:#69786d;margin:0}.region-card .primary{align-self:flex-start;font-size:14px}.home-footer{font-size:12px;color:#7d877c;margin-top:50px;padding-top:18px;border-top:1px solid var(--online-line)}
#online-status{position:fixed;z-index:2000;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translateX(-50%);padding:12px 22px;max-width:calc(100% - 32px);border-radius:10px;background:#244c3b;color:#fff;box-shadow:0 4px 20px #0002;font:15px/1.5 system-ui}main[aria-busy=true]{pointer-events:none}.bundle-home-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 10px;border:1px solid var(--green);border-radius:7px;background:var(--green);color:#fff;text-decoration:none;font-size:12px;white-space:nowrap}
/* 正文禁选适配在线页面；输入控件和页头账号保留正常选择。 */
body[data-region] :is(#question-content,#material-content,#answer-content,#note-body),
body[data-region] :is(#question-content,#material-content,#answer-content,#note-body) *{
 -webkit-user-select:none!important;
 user-select:none!important;
 -webkit-touch-callout:none!important;
}

body[data-region] :is(#question-content,#material-content,#answer-content,#note-body) :is(input,textarea,select,[contenteditable="true"]),
body[data-region] :is(#question-content,#material-content,#answer-content,#note-body) :is(input,textarea,select,[contenteditable="true"]) *,
.display-ownership,.display-ownership *{
 -webkit-user-select:text!important;
 user-select:text!important;
 -webkit-touch-callout:default!important;
}
button,[role=button],.tabs,.mobile-nav{user-select:none;-webkit-user-select:none}input,textarea,select{user-select:text;-webkit-user-select:text}.online-search-pages{display:flex;gap:12px;margin:16px 0}.online-search-pages button{min-height:44px}
.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-heading h1{font-size:25px}.admin-heading a{color:var(--online-green)}.admin-panel{border:1px solid var(--online-line);background:#fffef9;border-radius:12px;padding:24px;margin:20px 0}.admin-panel h2{margin-top:0;font-size:19px}.admin-form{display:grid;grid-template-columns:2fr 1fr;gap:16px}.admin-form label{display:grid;gap:6px;font-size:14px}.admin-form .wide{grid-column:1/-1}.admin-form select[multiple]{height:140px}.table-wrap{overflow:auto}table.admin-table{border-collapse:collapse;width:100%;min-width:750px;font-size:14px}.admin-table th,.admin-table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--online-line);vertical-align:top}.admin-table th{color:#63705f}.admin-table button{font-size:12px;margin:3px;padding:7px 9px;min-height:36px}.code-box{padding:20px;border:1px solid #a6bea4;background:#eff5e9;border-radius:8px}.code-box code{display:block;font-size:21px;word-break:break-all;margin:10px 0;user-select:text}.admin-note{font-size:13px;color:#6d786b}.admin-log-tools{display:flex;gap:10px;align-items:center}.session-list{margin-top:16px}
.admin-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
@media(hover:hover) and (pointer:fine){.primary:hover,.bundle-home-link:hover{background:#244e3b}.quiet:hover{background:#eaf0e3}}
@media(max-width:850px){.region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-heading{align-items:flex-start;flex-direction:column}.region-search-label{width:100%}.region-search-label input{width:100%}}
@media(max-width:540px){.home-wrap,.admin-wrap{padding-top:max(18px,env(safe-area-inset-top))}.home-header{gap:12px}.brand{font-size:21px}.home-header #account{gap:8px;font-size:13px}.region-grid{grid-template-columns:1fr;gap:12px}.region-card{flex-direction:row;align-items:center;padding:20px}.region-card .primary{align-self:center;gap:10px;white-space:nowrap}.catalog-heading{margin-top:28px}.catalog-heading h1{font-size:25px}.login-panel{margin:36px auto;padding:24px 20px}.login-panel h1{font-size:23px}.admin-form{grid-template-columns:1fr}.admin-panel{padding:18px}.admin-heading{flex-wrap:wrap}}



/* 在线页保留整页滚动，页头可滑走；并排阅读卡片等高并各自滚动。 */
@media screen and (min-width:1000px) and (orientation:landscape), screen and (min-width:1200px){
 body[data-region]{height:auto;min-height:100vh;min-height:100dvh;overflow:visible}
 body[data-region] .layout{flex:none;min-height:0;grid-template-rows:auto;align-items:stretch;margin:0 auto;overflow:visible}
 body[data-region] .question-panel,body[data-region] .answer-panel{height:calc(100vh - 24px);height:calc(100dvh - 24px);max-height:none;min-height:0;align-self:stretch;overflow:hidden}
 body[data-region] #question-scroll,body[data-region] #answer-scroll{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
}