:root{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#1e293b;background:#f3f5f9}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%}button{font:inherit}.layout{display:flex;width:100%;height:100%;background:#f8fafc;color:#1f2937}.sidebar{width:300px;min-width:300px;border-right:1px solid #dbe3ef;background:#fff;display:flex;flex-direction:column}.brand{padding:18px 18px 14px;border-bottom:1px solid #e4e8f0;background:linear-gradient(120deg,#18233e,#24324f);color:#f8fafc}.brand h1{margin:0;font-size:20px;letter-spacing:.3px}.brand p{margin:8px 0 0;font-size:11px;opacity:.78;letter-spacing:1px}.tab-row{display:flex;gap:8px;padding:12px;border-bottom:1px solid #edf2f7}.tab{flex:1;border:1px solid #d6deea;border-radius:8px;background:#fff;color:#45556b;cursor:pointer;padding:8px 12px;font-weight:700}.tab.active{border-color:#4f46e5;background:#4f46e5;color:#fff}.year-list{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px;background:#f8fafc}.year-item{text-align:left;border:1px solid #d8e0eb;border-radius:10px;background:#fff;color:#334155;padding:10px 12px;display:flex;flex-direction:column;gap:4px;cursor:pointer}.year-item.active{border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e5 inset}.year{font-weight:700}.template-name{font-size:12px;color:#5f6f84}.main{flex:1;overflow:auto;display:flex;flex-direction:column;background:#eef2f7}.topbar{position:sticky;top:0;z-index:2;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid #dde5ef;padding:14px 22px;display:flex;justify-content:space-between;align-items:center}.topbar h2{margin:0;font-size:24px;color:#1e293b}.topbar h2 span{color:#9aa7ba;font-weight:400}.pill{font-size:14px;font-weight:700;padding:6px 10px;border:1px solid #cfe1ff;border-radius:8px;background:#eef4ff;color:#264983}.panel-wrap{padding:18px 22px 26px;display:flex;flex-direction:column;gap:16px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card,.answer-card,.missing{border:1px solid #d8e0ea;border-radius:12px;background:#fff;box-shadow:0 1px 2px #0f172a08}.card h3,.answer-card h3{margin:0;font-size:16px;color:#1f3657}.card>h3{border-bottom:1px solid #e8eef7;padding:12px 16px;background:#f8fbff}.card pre{margin:0;padding:16px;font-family:inherit;white-space:pre-wrap;line-height:1.7;color:#334155}.answer-card>header{border-bottom:1px solid #d8e4ff;background:#f3f6ff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.copy{border:1px solid #c6d4ff;border-radius:8px;background:#fff;color:#34a;padding:7px 10px;font-weight:700;cursor:pointer}.copy.copied{border-color:#94d6b3;background:#e7f8ef;color:#1d7a4a}.answer-content{padding:16px}.answer-text{white-space:pre-wrap;line-height:1.95;font-size:18px;color:#1f2937}.mark{background:#e3ebff;color:#213e7a;font-weight:700;border:1px solid #c8d8ff;padding:1px 4px;border-radius:6px;margin:0 2px}.missing{padding:40px 22px;text-align:center;color:#915f00;background:#fff6df;border-color:#f0dca2;font-weight:700}.empty{min-height:100%;display:grid;place-items:center;font-size:18px}@media (max-width: 1024px){.layout{flex-direction:column}.sidebar{width:100%;min-width:0;border-right:0;border-bottom:1px solid #dbe3ef;max-height:48vh}.grid2{grid-template-columns:1fr}.topbar h2{font-size:20px}}