:root{--navy:#09172d;--navy2:#122b4a;--ink:#15243a;--muted:#718096;--line:#e5eaf1;--paper:#f4f7fb;--gold:#d99b2b;--silver:#778eae;--bronze:#ae6b42;--pink:#e34b91;--cyan:#36a7ba;--green:#1f9d78}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;min-width:320px;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{width:min(100%,960px);margin:0 auto;padding-bottom:28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;color:#fff;background:var(--navy)}.brand-block{display:flex;align-items:center;gap:10px}.brand-dot{width:12px;height:12px;border-radius:50%;background:#f5cb69;box-shadow:0 0 0 5px rgba(245,203,105,.12)}.brand-block strong{display:block;font-size:16px;letter-spacing:1px}.brand-block small{display:block;margin-top:2px;color:#9eafc6;font-size:11px}.top-actions{display:flex;align-items:center;gap:10px}.live-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;color:#f5d27d;border:1px solid rgba(245,210,125,.48);border-radius:999px;font-size:12px}.live-pill i{width:6px;height:6px;border-radius:50%;background:#6ee0b0}.outline-btn,.refresh-btn{padding:8px 12px;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.4);border-radius:5px;font-size:12px}.outline-btn:hover,.refresh-btn:hover{background:rgba(255,255,255,.1)}.intro-strip{display:flex;align-items:stretch;justify-content:space-between;gap:24px;padding:26px 24px;background:#fff;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 7px;color:#ba7a21;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.intro-strip h1{margin:0 0 8px;color:var(--navy);font-size:clamp(28px,5vw,42px);line-height:1.08}.intro-strip p:not(.eyebrow){margin:0;color:#6e7e92;font-size:13px;line-height:1.7}.intro-stats{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px;align-self:center;min-width:280px}.intro-stats>div{padding:12px 14px;background:#f7f9fc;border:1px solid var(--line);border-radius:7px}.intro-stats span{display:block;color:var(--muted);font-size:11px}.intro-stats strong{display:block;margin-top:5px;color:var(--navy);font-size:20px}.intro-stats em{color:var(--muted);font-size:11px;font-style:normal;font-weight:500}.intro-stats>div:last-child strong{color:var(--green);font-size:15px}.panel{margin:18px 24px 0;padding:20px;background:#fff;border:1px solid var(--line);border-radius:8px}.panel-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel h2,.section-heading h2{margin:0;color:var(--navy);font-size:22px}.limit-badge,.count-badge{padding:6px 9px;color:#7a5a21;background:#fff6df;border-radius:4px;font-size:11px}.count-badge{color:var(--navy2);background:#edf3fa}.form-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;margin-top:18px}label{display:block}label>span{display:block;margin-bottom:7px;color:#607087;font-size:12px;font-weight:700}label small{color:#9aa6b6;font-weight:500}input,select{width:100%;height:44px;padding:0 12px;color:var(--ink);background:#fbfcfe;border:1px solid #d8e0eb;border-radius:5px;outline:none}input:focus,select:focus{border-color:#8fa9c8;box-shadow:0 0 0 3px rgba(69,112,159,.12)}.publish-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px}.publish-actions>span{color:var(--muted);font-size:12px}.primary-btn{padding:11px 16px;color:#fff;background:var(--navy2);border:0;border-radius:5px;font-weight:800}.primary-btn:hover{background:#19436e}.primary-btn:disabled,.refresh-btn:disabled{opacity:.55;cursor:wait}.latest-section{margin:28px 24px 0}.section-note{display:block;margin-top:6px;color:#8996a8;font-size:11px}.latest-actions{display:flex;align-items:center;gap:10px}.refresh-btn{color:var(--navy2);background:#fff;border-color:#c9d4e3}.refresh-btn.loading{transform:rotate(-8deg)}.bag-columns{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}.bag-tier{min-width:0;padding:14px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--tier-color);border-radius:8px}.gold-tier{--tier-color:var(--gold)}.silver-tier{--tier-color:var(--silver)}.bronze-tier{--tier-color:var(--bronze)}.tier-heading{display:flex;align-items:center;gap:9px;padding-bottom:12px;border-bottom:1px solid #edf0f5}.tier-seal{display:grid;place-items:center;width:35px;height:35px;color:#fff;background:var(--tier-color);border-radius:50%;font-size:15px;font-weight:900}.tier-heading strong{display:block;color:var(--ink);font-size:14px}.tier-heading small{display:block;margin-top:3px;color:var(--tier-color);font-size:11px}.tier-count{margin-left:auto;display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;color:var(--tier-color);background:color-mix(in srgb,var(--tier-color) 12%,white);border-radius:12px;font-size:11px}.tier-list{display:grid;gap:9px;padding-top:11px}.bag-item{padding:11px;border:1px solid #e7ebf1;border-left:3px solid var(--bag-color);border-radius:6px;background:linear-gradient(145deg,#fff,#fbfcff)}.bag-top{display:flex;align-items:center;gap:9px}.bag-seal{display:grid;place-items:center;flex:0 0 auto;width:31px;height:31px;color:#fff;background:var(--bag-color);border-radius:50%;font-size:12px;font-weight:900}.bag-copy{min-width:0}.bag-copy strong,.bag-copy b,.bag-copy small{display:block}.bag-copy strong{color:var(--ink);font-size:13px}.bag-copy b{margin-top:4px;overflow:hidden;color:var(--bag-color);font-size:12px;letter-spacing:1px;text-overflow:ellipsis;white-space:nowrap}.bag-copy small{margin-top:4px;color:#a0abba;font-size:10px}.bag-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:8px;border-top:1px solid #edf0f5;color:var(--muted);font-size:11px}.use-btn{padding:7px 10px;color:#fff;background:var(--bag-color);border:0;border-radius:4px;font-size:11px;font-weight:800}.use-btn:disabled{opacity:.45;cursor:not-allowed}.tier-empty{padding:21px 5px;color:#a2afbe;text-align:center;font-size:12px}.empty-state{padding:24px 8px 8px;color:var(--muted);text-align:center;font-size:13px}.clear-line{margin-top:13px;color:#8a97a9;text-align:right;font-size:11px}.clear-line strong{color:#c17c20;letter-spacing:1px}.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:18px}.modal[hidden]{display:none}.modal-backdrop{position:absolute;inset:0;background:rgba(7,21,42,.58);backdrop-filter:blur(3px)}.modal-card{position:relative;z-index:1;width:min(100%,470px);padding:24px 22px 21px;background:#fff;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.26)}.modal-card h2{margin:0 0 13px;color:var(--navy);font-size:25px}.modal-card ol{margin:0;padding-left:20px;color:#64748a;font-size:13px;line-height:1.85}.modal-close{position:absolute;top:10px;right:11px;width:32px;height:32px;color:#6f7d91;background:#f3f6fa;border:0;border-radius:50%;font-size:22px;line-height:1}.toast{position:fixed;left:50%;bottom:28px;z-index:40;transform:translate(-50%,15px);opacity:0;pointer-events:none;padding:10px 14px;color:#fff;background:rgba(6,19,38,.92);border-radius:5px;font-size:13px;transition:.2s ease}.toast.show{transform:translate(-50%,0);opacity:1}footer{padding:20px 24px 0;color:#99a5b4;text-align:center;font-size:11px}@media(max-width:760px){.topbar,.intro-strip{padding-left:16px;padding-right:16px}.intro-strip{display:block}.intro-stats{margin-top:18px;min-width:0}.panel,.latest-section{margin-left:16px;margin-right:16px}.bag-columns{grid-template-columns:1fr}.latest-actions{align-self:flex-start;flex-wrap:wrap;justify-content:flex-end}.section-heading{align-items:flex-start}.form-grid{grid-template-columns:1fr}}@media(max-width:520px){.topbar{align-items:flex-start}.top-actions{flex-direction:column;align-items:flex-end;gap:7px}.live-pill{font-size:11px}.outline-btn{font-size:11px}.intro-strip h1{font-size:31px}.intro-stats{grid-template-columns:1fr 1fr}.panel{padding:16px}.publish-actions{align-items:flex-end;flex-direction:column}.publish-actions,.publish-actions .primary-btn{width:100%}.latest-actions{gap:6px}.refresh-btn{padding:7px 9px}.count-badge{font-size:10px}}