:root{color-scheme:light;--paper:#f7f0df;--paper-2:#fffaf0;--ink:#173d35;--ink-soft:#587069;--gold:#c69a3f;--gold-soft:#f0dfaa;--line:#d9cba7;--danger:#a23a36;--ok:#28705d;--shadow:0 18px 44px rgba(56,45,19,.09);--radius:20px;font-family:"Avenir Next","PingFang SC","Noto Sans CJK SC",system-ui,sans-serif}
:root[data-theme="dark"]{color-scheme:dark;--paper:#14201d;--paper-2:#1c2c28;--ink:#f5e9ca;--ink-soft:#b6c5bd;--gold:#e1b85b;--gold-soft:#594923;--line:#3f524a;--danger:#ef8f89;--ok:#78ccb2;--shadow:0 20px 50px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;color:var(--ink);background:radial-gradient(circle at 8% 0%,rgba(198,154,63,.13),transparent 24rem),var(--paper);min-width:280px}button,input,textarea,select{font:inherit;color:inherit}button,a{touch-action:manipulation}a{color:inherit}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(14px)}.header-inner{width:min(1180px,calc(100% - 32px));min-height:76px;margin:auto;display:flex;align-items:center;gap:22px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap}.brand img{display:block}.brand span{display:grid}.brand strong{font-size:1.08rem;letter-spacing:.08em}.brand small{color:var(--ink-soft);font-size:.72rem}.main-nav{margin-left:auto;display:flex;gap:6px;align-items:center}.main-nav a{padding:9px 11px;text-decoration:none;border-bottom:2px solid transparent;font-size:.9rem;color:var(--ink-soft)}.main-nav a:hover,.main-nav a[aria-current="page"]{color:var(--ink);border-color:var(--gold)}.theme-button{width:42px;height:42px;border:1px solid var(--line);background:var(--paper-2);border-radius:50%;cursor:pointer;font-size:1.2rem}.theme-button:focus-visible,.main-nav a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--gold) 60%,transparent);outline-offset:3px}
main{width:min(1180px,calc(100% - 32px));margin:24px auto 70px}.live-strip{display:grid;grid-template-columns:1.1fr 1.25fr 1.1fr auto;gap:20px;align-items:center;padding:18px 22px;border:1px solid var(--line);border-top:4px solid var(--gold);background:linear-gradient(105deg,var(--paper-2),color-mix(in srgb,var(--gold-soft) 26%,var(--paper-2)));box-shadow:var(--shadow);border-radius:5px 5px var(--radius) var(--radius)}.eyebrow{display:block;color:var(--gold);font-weight:800;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.live-heading h1{margin:4px 0 6px;font-size:1.25rem}.status-pill{display:inline-flex;padding:3px 9px;border:1px solid currentColor;border-radius:99px;font-size:.72rem;color:var(--ink-soft)}.status-pill[data-state="ready"]{color:var(--ok)}.status-pill[data-state="conflict"]{color:var(--danger)}.live-equation{display:flex;justify-content:center}.equation{display:inline-flex;align-items:center;gap:6px}.equation i{font-style:normal;color:var(--ink-soft);font-weight:700}.number-ball,.sum-ball{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--ink);color:var(--paper-2);font-size:1.3rem;font-style:normal;box-shadow:inset 0 0 0 4px rgba(255,255,255,.13)}.sum-ball{background:var(--gold);color:#17231f}.equation.compact{gap:4px}.equation.compact .number-ball,.equation.compact .sum-ball{width:29px;height:29px;font-size:.85rem}.live-details p{margin:4px 0;color:var(--ink-soft);font-size:.8rem}.live-details p:last-child{color:var(--ink);font-weight:700}.countdown-box{display:grid;grid-template-columns:auto auto;gap:2px 10px;align-items:center;padding-left:18px;border-left:1px solid var(--line)}.countdown-box span{font-size:.72rem;color:var(--ink-soft)}.countdown-box b{font-variant-numeric:tabular-nums;font-size:1.45rem}.countdown-box button{grid-column:1/-1;border:0;background:transparent;color:var(--ink-soft);text-decoration:underline;cursor:pointer;padding:4px 0;text-align:left}.countdown-box button:disabled{opacity:.45}
.mobile-tabs{display:none}.notebook-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:20px;margin-top:20px}.panel{border:1px solid var(--line);background:var(--paper-2);box-shadow:var(--shadow);border-radius:var(--radius);padding:22px}.panel-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:17px}.panel-title h2{margin:3px 0 0;font-size:1.25rem}.panel-title p{margin:0;max-width:280px;color:var(--ink-soft);font-size:.78rem;text-align:right}.history-list{display:grid;gap:8px}.history-row{display:grid;grid-template-columns:minmax(140px,1fr) auto 74px;gap:16px;align-items:center;padding:11px 12px;border-top:1px solid var(--line)}.history-row:first-child{border-top:0}.history-meta{display:grid;gap:3px}.history-meta b{font-size:.88rem}.history-meta time{color:var(--ink-soft);font-size:.72rem}.bookmark{border:1px solid var(--line);background:transparent;border-radius:99px;padding:7px 10px;cursor:pointer}.bookmark.saved{border-color:var(--gold);background:var(--gold-soft);color:var(--ink)}.empty-state{margin:14px 0;color:var(--ink-soft);font-size:.88rem}.empty-state.large{padding:32px 0;text-align:center}.record-list{display:grid;gap:8px}.record-card{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;padding:12px;border:1px solid transparent;background:color-mix(in srgb,var(--paper) 70%,var(--paper-2));border-radius:12px;text-align:left;cursor:pointer}.record-card b{font-size:.8rem}.record-card small{grid-column:1/-1;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-card:hover,.record-card.active{border-color:var(--gold);background:color-mix(in srgb,var(--gold-soft) 40%,var(--paper-2))}.privacy-mark{padding:4px 8px;border:1px dashed var(--gold);font-size:.68rem;color:var(--ink-soft)}.tag-section{margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}.tag-section h3{margin:0 0 9px;font-size:.85rem}.tag-list,.query-list{display:flex;gap:6px;flex-wrap:wrap}.tag-chip,.query-chip{padding:5px 8px;border-radius:99px;border:1px solid var(--line);font-size:.72rem;background:transparent}.muted{color:var(--ink-soft);font-size:.76rem}
.workspace-grid,.tool-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);gap:20px;margin-top:20px}.editor-heading{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 16px;padding-bottom:16px;border-bottom:1px solid var(--line)}.editor-heading .eyebrow,.editor-heading h3{grid-column:1}.editor-heading h3{margin:2px 0}.editor-heading .equation{grid-column:2;grid-row:1/3}.revision{margin:14px 0;padding:12px 14px;border-left:4px solid var(--ok);background:color-mix(in srgb,var(--ok) 9%,transparent);font-size:.82rem}.revision.corrected{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.revision.unverified{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 9%,transparent)}.revision p{margin:4px 0}.field{display:grid;gap:6px;margin:13px 0}.field span,.inline-form label>span,.query-form label>span,.chat-profile label>span{font-size:.76rem;font-weight:700}.field textarea{min-height:116px;resize:vertical}.field input,.field textarea,.field select,.inline-form input,.query-form input,.query-form select,.chat-profile input,.chat-form textarea{width:100%;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:10px 12px}.primary-button,.file-button{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:9px 15px;border:1px solid var(--ink);background:var(--ink);color:var(--paper-2);border-radius:10px;text-decoration:none;cursor:pointer;font-weight:700}.primary-button:disabled{opacity:.5;cursor:not-allowed}.inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.inline-form label:first-child{grid-column:1/-1;display:grid;gap:5px}.check-label{font-size:.76rem}.check-label input{width:auto}.folder-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.folder-card{position:relative;min-height:112px;padding:22px 14px 12px;border:1px solid var(--line);border-radius:4px 12px 12px 12px;background:linear-gradient(150deg,color-mix(in srgb,var(--gold-soft) 62%,var(--paper-2)),var(--paper-2));display:grid;align-content:center;gap:4px}.folder-tab{position:absolute;top:-1px;left:-1px;padding:4px 10px;border:1px solid var(--line);border-bottom:0;border-radius:7px 7px 0 0;background:var(--gold-soft);font-size:.62rem}.folder-card small{color:var(--ink-soft)}.query-form{display:grid;grid-template-columns:1.4fr .7fr .7fr 1fr;gap:10px;align-items:end}.query-form label{display:grid;gap:5px}.query-form button{grid-column:1/-1}.query-list{margin-top:14px}.query-chip{cursor:pointer;background:var(--paper)}.compare-picker{display:flex;gap:8px;flex-wrap:wrap}.compare-option{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;font-size:.76rem}.compare-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.compare-card{min-width:0;padding:12px;border:1px solid var(--line);background:var(--paper);border-radius:12px;display:grid;gap:9px}.compare-card p,.compare-card small{margin:0;overflow-wrap:anywhere}.backup-panel{margin-top:20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;border-style:dashed}.backup-panel h2{margin:3px 0 5px}.backup-panel p{margin:0;color:var(--ink-soft);font-size:.82rem;max-width:700px}.backup-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.file-button{border-color:var(--line);background:transparent;color:var(--ink)}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.backup-status{grid-column:1/-1!important;min-height:1.2em}.backup-status[data-state="error"]{color:var(--danger)!important}.backup-status[data-state="ok"]{color:var(--ok)!important}.public-guide{margin-top:20px}.public-guide h2{margin:4px 0 18px}.public-guide ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:steps}.public-guide li{counter-increment:steps;display:grid;grid-template-columns:36px 1fr;gap:0 10px}.public-guide li:before{content:counter(steps);grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--gold-soft);color:var(--ink);font-weight:800}.public-guide li span{color:var(--ink-soft);font-size:.78rem}
.subpage-main{min-height:72vh}.page-heading,.chat-page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:34px 0 20px}.page-heading h1,.chat-page-heading h1{margin:4px 0}.page-heading p{margin:0;color:var(--ink-soft)}.back-link{font-weight:700;text-underline-offset:4px}.scratch-shell{text-align:center;max-width:850px;margin:auto}.scratch-ticket{padding:22px;border:1px solid var(--line);background:url('/assets/jinding-scratch-indexed-quiet-v1.png') center/cover no-repeat;border-radius:16px}.ticket-mark{display:block;text-align:left;font-size:.78rem;font-weight:800}.scratch-board{position:relative;min-height:320px;display:grid;place-content:center;gap:14px;overflow:hidden}.scratch-result{display:flex;align-items:center;gap:12px}.scratch-result span,.scratch-result em{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--ink);color:var(--paper-2);font-size:2.4rem;font-weight:900;font-style:normal}.scratch-result em{background:var(--gold);color:#11231e}.scratch-result i{font-style:normal;font-size:1.6rem;font-weight:900}.scratch-board canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;border-radius:12px}.scratch-shell>[data-scratch-status]{font-weight:700}.scratch-shell>small{display:block;margin-top:12px;color:var(--ink-soft)}
.chat-page-heading{align-items:center}.chat-shell{display:grid;grid-template-columns:260px minmax(0,1fr);padding:0;overflow:hidden}.chat-profile{padding:22px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--gold-soft) 24%,var(--paper-2));display:grid;align-content:start;gap:16px}.chat-self-avatar,.chat-avatar{display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--paper)}.chat-self-avatar{width:76px;height:76px}.chat-self-avatar img,.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-profile label{display:grid;gap:5px}.chat-profile [data-chat-status]{font-size:.76rem}.chat-profile [data-chat-status="offline"]{color:var(--danger)}.chat-profile [data-chat-retry]{display:block;margin-top:8px}.chat-room{padding:22px}.chat-announcement{padding:10px 12px;border-left:4px solid var(--gold);background:var(--paper);font-size:.78rem}.chat-messages{height:420px;overflow:auto;padding:14px 0;display:grid;align-content:start;gap:12px}.chat-message{display:grid;grid-template-columns:40px 1fr;gap:10px}.chat-avatar{width:40px;height:40px}.chat-message header{display:flex;justify-content:space-between;gap:10px}.chat-message header b{font-size:.82rem}.chat-message header b[data-admin="true"]{color:var(--gold)}.chat-message time{color:var(--ink-soft);font-size:.68rem}.chat-message p{margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.88rem}.chat-form{display:grid;grid-template-columns:1fr auto;gap:8px}.chat-form label{grid-column:1/-1;font-size:.75rem;font-weight:700}.chat-form textarea{min-height:70px;resize:vertical}.form-help,.form-error{margin:7px 0 0;font-size:.72rem;color:var(--ink-soft)}.form-error{color:var(--danger)}
.reading-page{max-width:820px}.reading-page h1{font-family:Georgia,"Noto Serif CJK SC",serif;font-size:2.4rem;margin:8px 0}.reading-page .lede{font-size:1.14rem;line-height:1.8;color:var(--ink-soft)}.reading-page section{padding:20px 0;border-top:1px solid var(--line)}.reading-page h2{font-size:1.1rem}.reading-page p{line-height:1.85}.not-found{min-height:90vh;display:grid;place-content:center;text-align:center;justify-items:center;gap:12px}.not-found h1,.not-found p{margin:0}.site-footer{width:min(1180px,calc(100% - 32px));margin:0 auto 28px;padding-top:22px;border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;color:var(--ink-soft);font-size:.75rem}.site-footer nav{display:flex;gap:14px;margin-left:auto}.site-footer a{text-underline-offset:3px}
@media(max-width:900px){.header-inner{width:min(100% - 24px,1180px);flex-wrap:wrap;padding:10px 0}.main-nav{order:3;width:100%;overflow:auto;margin:0;padding-bottom:2px}.main-nav a{flex:0 0 auto}.live-strip{grid-template-columns:1fr 1fr}.countdown-box{border:0;padding:0}.notebook-grid,.workspace-grid,.tool-grid{grid-template-columns:1fr}.records-pane{order:-1}.public-guide ol{grid-template-columns:1fr}.chat-shell{grid-template-columns:1fr}.chat-profile{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center}.chat-profile [data-chat-status]{grid-column:1/-1}.scratch-result span,.scratch-result em{width:68px;height:68px;font-size:2rem}}
@media(max-width:720px){main{width:calc(100% - 20px);margin-top:10px}.header-inner{width:calc(100% - 20px);gap:6px 12px;padding:6px 0}.header-inner>.brand img{width:42px;height:42px}.brand small{max-width:160px;overflow:hidden;text-overflow:ellipsis}.theme-button{margin-left:auto}.live-strip{grid-template-columns:minmax(0,1fr) auto;gap:9px 12px;padding:11px 12px}.live-heading{grid-column:1}.live-heading h1{margin:2px 0 4px}.live-equation{grid-column:1/-1;grid-row:2;justify-content:flex-start}.live-details{grid-column:1/-1;grid-row:3;display:flex;justify-content:space-between;gap:4px 10px;flex-wrap:wrap;text-align:left}.live-details p{margin:0;font-size:.72rem}.countdown-box{grid-column:2;grid-row:1}.number-ball,.sum-ball{width:39px;height:39px;font-size:1.1rem}.mobile-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:8px 0;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--paper-2)}.mobile-tabs button{border:0;background:transparent;border-radius:8px;padding:7px}.mobile-tabs button[aria-pressed="true"]{background:var(--ink);color:var(--paper-2)}body[data-mobile-view="latest"] [data-mobile-pane="mine"],body[data-mobile-view="mine"] [data-mobile-pane="latest"]{display:none}.notebook-grid{margin-top:0}.panel{padding:12px;border-radius:15px}.panel-title{display:grid;gap:3px;margin-bottom:8px}.panel-title p{text-align:left}.latest-pane .panel-title p{display:none}.history-list{gap:0}.history-row{grid-template-columns:minmax(74px,1fr) auto auto;gap:6px;min-height:47px;padding:6px 0}.history-row .equation{grid-column:2;grid-row:1}.history-row .equation.compact .number-ball,.history-row .equation.compact .sum-ball{width:25px;height:25px;font-size:.76rem}.history-row .bookmark{grid-column:3;grid-row:1;padding:6px 8px}.inline-form,.query-form{grid-template-columns:1fr}.inline-form label:first-child,.query-form button{grid-column:auto}.folder-list,.compare-rows{grid-template-columns:1fr}.backup-panel{grid-template-columns:1fr}.backup-actions{justify-content:flex-start}.scratch-ticket{padding:12px}.scratch-board{min-height:270px}.scratch-result{gap:7px}.scratch-result span,.scratch-result em{width:54px;height:54px;font-size:1.6rem}.scratch-result i{font-size:1rem}.page-heading{align-items:flex-start;display:grid}.chat-page-heading{display:grid;gap:10px}.chat-shell{border-radius:14px}.chat-profile{grid-template-columns:64px 1fr;padding:14px}.chat-room{padding:14px}.chat-messages{height:360px}.chat-form{grid-template-columns:1fr}.reading-page h1{font-size:2rem}.site-footer{width:calc(100% - 20px);flex-wrap:wrap}.site-footer nav{order:3;width:100%;margin:0;overflow:auto}.site-footer .brand small{max-width:none}}
@media(max-width:360px){.header-inner{width:calc(100% - 16px)}.brand img{width:42px;height:42px}.main-nav a{padding:8px;font-size:.82rem}main{width:calc(100% - 16px)}.live-strip{padding:12px}.equation{gap:4px}.number-ball,.sum-ball{width:38px;height:38px;font-size:1.05rem}.scratch-result span,.scratch-result em{width:47px;height:47px}.scratch-board{min-height:245px}.panel{padding:13px}.site-footer{width:calc(100% - 16px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}