:root{color:#242424;font-synthesis:none;background:#f3f3f3;font-family:Segoe UI,Microsoft YaHei UI,Noto Sans CJK SC,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}button,input,select{font:inherit}main{width:100%;max-width:1440px;min-height:100vh;margin:0 auto;padding:18px 24px 32px}.hero{justify-content:space-between;align-items:end;gap:16px;padding:4px 0 14px;display:flex}.eyebrow,.summary{color:#616161;margin:0}.eyebrow{font-size:13px;font-weight:600}h1{letter-spacing:0;margin:4px 0 6px;font-size:34px;font-weight:600;line-height:1.15}.home-link,.open-link,.secondary-button,.selected-strip button,.chara-option{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.home-link,.open-link{color:#fff;background:#0067b8;border:1px solid #0067b8;min-height:34px;padding:0 14px}.secondary-button,.selected-strip button{color:#242424;background:#fff;border:1px solid #d1d1d1;min-height:34px;padding:0 11px}.secondary-button:disabled{color:#9a9a9a;cursor:default;background:#f3f3f3}.command-surface{background:#fff;border:1px solid #e0e0e0;border-radius:6px;grid-template-columns:minmax(260px,1.7fr) repeat(6,minmax(86px,.7fr)) auto auto;gap:9px;padding:11px;display:grid;box-shadow:0 2px 8px #0000000f}.field{gap:5px;min-width:0;display:grid}.field span{color:#616161;font-size:12px;font-weight:600}input,select{color:#242424;background:#fff;border:1px solid #c7c7c7;border-radius:4px;width:100%;min-width:0;min-height:34px;padding:5px 9px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #005fb8}.chara-button{white-space:nowrap;gap:8px;margin-top:20px}.chara-button b{color:#fff;background:#0067b8;border-radius:999px;min-width:22px;padding:2px 7px;font-size:12px}.selected-strip{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.selected-strip button{color:#004578;background:#e5f1fb;border-color:#b7d7f2}.pager{justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;display:flex}.pager>div{color:#616161;margin-right:auto}.pager select{width:auto}.list{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:10px;margin-top:12px;display:grid}.story-card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:132px;padding:12px;display:grid}.story-card-actions{justify-items:stretch;gap:8px;display:grid}.story-card-actions .open-link,.story-card-actions .zh-link{min-width:72px}.story-content{min-width:0}.story-badges{flex-wrap:wrap;gap:5px;margin-bottom:7px;display:flex}.story-badges span{color:#323130;background:#f3f2f1;border-radius:999px;padding:2px 8px;font-size:11px}.story-badges .muted-badge{background:#fff4ce}.story-badges .localized-badge,.zh-link{color:#0f5f2f;background:#e7f6ed;border-color:#9fd8b3}h3{letter-spacing:0;margin:0;font-size:17px;font-weight:600;line-height:1.35}.subtitle,.support,.story-facts{margin:5px 0 0}.subtitle{color:#323130;line-height:1.35}.support,.story-facts{color:#616161}.story-facts{flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.story-facts span:not(:last-child):after{color:#a19f9d;content:"·";margin-left:8px}.open-link{min-width:58px}.notice{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-top:12px;padding:16px}.error{color:#a4262c;border-color:#d13438}.dialog-shell{z-index:20;background:#0000006b;padding:20px;position:fixed;inset:0}.dialog-panel{background:#fafafa;border-radius:8px;grid-template-rows:auto auto minmax(0,1fr);max-width:1280px;height:100%;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 16px 48px #00000040}.dialog-header,.dialog-tools{justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.dialog-header{border-bottom:1px solid #e0e0e0}.dialog-header h2{margin:0 0 4px;font-size:24px;font-weight:600}.dialog-header p{color:#616161;margin:0}.dialog-tools input{flex:1}.chara-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:8px;padding:0 20px 20px;display:grid;overflow:auto}.chara-option{color:#242424;text-align:left;background:#fff;border:1px solid #d1d1d1;grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;gap:1px;min-height:54px;padding:8px 9px;display:grid}.chara-option span,.chara-option small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chara-option small{color:#616161;grid-column:1;font-size:12px}.chara-option b{background:#f3f2f1;border-radius:999px;grid-area:1/2/span 2;align-self:center;padding:3px 8px;font-size:12px}.chara-option.selected{background:#e5f1fb;border-color:#0078d4}@media (width<=900px){main{padding:12px}.hero{flex-direction:column;align-items:stretch;gap:10px}h1{font-size:30px}.home-link{width:100%}.command-surface{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.keyword{grid-column:1/-1}.chara-button{margin-top:0}.command-surface>.secondary-button{width:100%}.pager{flex-wrap:wrap}.pager>div{flex:1 0 100%}.pager .secondary-button{flex:1 1 0}.pager select{flex:1 0 100%;width:100%}.list,.story-card{grid-template-columns:1fr}.story-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){h1{font-size:28px}.summary{font-size:14px}.story-card{gap:10px;min-height:118px;padding:11px}.story-badges span:nth-child(n+3){display:none}.open-link{min-width:50px;padding:0 10px}.story-card-actions{grid-template-columns:1fr}.dialog-shell{padding:0}.dialog-panel{border-radius:0}.dialog-header,.dialog-tools{padding:12px}.dialog-header{align-items:flex-start}.dialog-header h2{font-size:22px}.dialog-tools{grid-template-columns:minmax(0,1fr) auto;display:grid}.chara-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px 12px}}