﻿:root{--app-frame-max-height:920px;--bg:#edf2f2;--paper:#f9fbfb;--panel:#fff;--line:#1c393d14;--ink:#182021;--muted:#607172;--accent:#184c52;--accent-strong:#123d42;--accent-soft:#184c5214;--pending:#d2983d24;--shadow:0 18px 40px #1f35331a;--radius-xl:28px;--radius-lg:22px;--radius-md:18px;--radius-sm:14px;--sans:"SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif;--display:"New York", "Songti SC", serif;font-family:var(--sans);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ffffffbf,#0000 32%),linear-gradient(#eef3f3 0%,#e7edec 100%)}*{box-sizing:border-box}html,body,#root{width:100%;height:100dvh;min-height:100%;margin:0;overflow:hidden}body{overflow:hidden;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55;transform:none}#root{padding:calc(12px + env(safe-area-inset-top,0px)) 12px calc(12px + env(safe-area-inset-bottom,0px));place-items:start center;display:grid}.app-screen{width:100%;max-width:480px;height:min(100%, var(--app-frame-max-height));max-height:var(--app-frame-max-height);overflow:hidden}.app-chrome{grid-template-rows:auto minmax(0,1fr) auto;gap:14px;height:100%;min-height:0;display:grid}.app-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:2px 2px 0;display:flex}.app-header-copy{gap:6px;min-width:0;display:grid}.app-brand{align-items:center;gap:10px;min-width:0;display:flex}.app-brand-logo{object-fit:cover;border-radius:9px;width:28px;height:28px;box-shadow:0 6px 18px #184c5229}.app-header-caption{letter-spacing:.02em;color:var(--muted);margin:0;font-size:14px;font-weight:700}.app-header-title{font-family:var(--display);margin:0;font-size:34px;line-height:1}.app-header-subtitle{color:var(--muted);margin:0;font-size:15px;line-height:1.55}.app-header-action{flex:none}.app-content{overscroll-behavior:contain;align-content:start;gap:14px;min-height:0;padding-bottom:2px;display:grid;overflow-y:auto}.app-tabbar{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-radius:28px;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:12px;display:grid}.app-tab{color:var(--muted);border-radius:20px;justify-items:center;gap:6px;padding:10px 6px;display:grid}.app-tab.active{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#f7fbfb}.app-tab-icon{background:#184c5214;border-radius:999px;place-items:center;width:30px;height:30px;font-size:16px;font-weight:700;display:inline-grid}.app-tab.active .app-tab-icon{background:#ffffff24}.app-tab-label{font-size:14px;font-weight:700}.panel,.card,.status-card{border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);background:#ffffffeb}.panel,.status-card{padding:16px}.card{gap:12px;padding:18px;display:grid}.card-list,.panel-search{gap:14px;display:grid}.search-form,.form-grid{gap:12px;display:grid}.search-input,.field-input,.field-textarea{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);width:100%;color:var(--ink)}.search-input,.field-input{min-height:52px;padding:0 16px;font-size:15px}.field-textarea{resize:none;min-height:132px;padding:14px 16px;font-size:15px}.field-textarea.compact{min-height:92px}.search-input:focus,.field-input:focus,.field-textarea:focus{border-color:#184c5247;outline:none;box-shadow:0 0 0 4px #184c5214}.field-group{gap:8px;display:grid}.field-label{color:var(--muted);font-size:14px}.number-grid,.guide-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;display:grid}.inline-actions,.history-row,.chip-row,.card-footer,.card-title-row,.badge-cluster,.detail-metrics,.pagination-bar{flex-wrap:wrap;gap:10px;display:flex}.card-title-row,.card-footer,.pagination-bar{justify-content:space-between;align-items:center}.history-row,.chip-row,.detail-metrics,.inline-actions{align-items:center}.primary-button,.danger-button,.ghost-button,.header-link-button,.chip-button,.inline-link{border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-size:15px;font-weight:600;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#f7fbfb;border-color:#0000}.danger-button{color:#fff7f2;background:linear-gradient(135deg,#bf5938,#a53f2d);border-color:#0000}.ghost-button,.header-link-button,.chip-button,.inline-link{color:var(--ink);background:#ffffffdb}.chip-button.active{color:#fff7f2;background:linear-gradient(135deg,#d56f4d,#bf5938);border-color:#0000}.primary-button:hover,.danger-button:hover,.ghost-button:hover,.header-link-button:hover,.chip-button:hover,.inline-link:hover,.card-link:hover .card{transform:translateY(-1px)}.mini-pill{border:1px solid var(--line);min-height:34px;color:var(--ink);background:#fffc;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:14px;display:inline-flex}.mini-pill.pending{background:var(--pending)}.card-link{display:block}.card-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:14px}.card h3,.status-card h3{margin:0;font-size:18px;line-height:1.35}.card-body,.status-card p,.detail-description{color:#425252;margin:0;font-size:15px;line-height:1.7}.card-meta{color:var(--muted);margin:0;font-size:14px}.stage-block,.deck-code-block{gap:12px;display:grid}.guide-card{gap:14px}.code-pre{border-radius:var(--radius-md);color:#f7fbfb;white-space:pre-wrap;word-break:break-all;background:#243437;margin:0;padding:14px;overflow-x:auto}.turnstile-shell{min-height:70px}.admin-card,.admin-current-guides,.review-mode-group,.category-groups,.category-group{gap:12px;display:grid}.review-mode-group{border:0;margin:0;padding:0}.review-mode-option{align-items:center;gap:10px;display:flex}@media (width<=420px){:root{--app-frame-max-height:100dvh}.app-header-title{font-size:30px}.app-brand-logo{border-radius:8px;width:24px;height:24px}.number-grid,.guide-meta-grid{grid-template-columns:1fr}.app-tabbar{gap:6px;padding:8px}.app-tab{padding:9px 4px}.app-tab-icon{width:26px;height:26px;font-size:13px}.app-tab-label{font-size:14px}}
