:root{--ink:#171717;--cream:#fff8dd;--yellow:#ffd72e;--orange:#ff7a1a;--red:#e53922;--blue:#1177bd;--green:#15934a;--muted:#75684d}*{box-sizing:border-box}body{margin:0;background:#096caf radial-gradient(#1284cf 1px,transparent 1px);background-size:18px 18px;color:var(--ink);font-family:"Microsoft YaHei",Arial,sans-serif;font-weight:700}.page-shell{min-height:100vh}.comic-header{min-height:92px;padding:15px clamp(16px,4vw,60px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(105deg,var(--cream) 0 48%,var(--yellow) 48% 74%,var(--orange) 74%);border-bottom:5px solid var(--ink)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.brand .star{display:grid;place-items:center;width:50px;height:50px;border:3px solid var(--ink);border-radius:50%;background:var(--orange);color:var(--red);font-size:27px;box-shadow:4px 4px 0 var(--ink)}.brand b{font-size:28px}.brand small{border-left:3px solid var(--ink);padding-left:12px}.header-actions{display:flex;align-items:center;gap:12px}.header-actions strong,.header-actions a,.header-actions>span{padding:10px 13px;border:3px solid var(--ink);background:var(--cream);box-shadow:3px 3px 0 var(--ink)}.header-actions strong{color:var(--red)}.header-actions a{background:#fff;color:var(--ink);text-decoration:none}.content{width:min(1420px,calc(100% - 32px));margin:24px auto 60px}.hidden{display:none!important}.notice{width:min(680px,calc(100% - 32px));margin:80px auto;padding:30px;background:var(--cream);border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);font-size:20px;text-align:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stats article,.panel{background:var(--cream);border:4px solid var(--ink);box-shadow:7px 7px 0 rgba(0,0,0,.75)}.stats article{padding:16px;border-top:8px solid var(--orange)}.stats span{display:block;color:var(--muted)}.stats b{font-size:34px;color:var(--red);margin-right:6px}.stats small{font-size:13px}.panel{padding:22px;margin-bottom:22px}.panel-title{display:flex;align-items:center;gap:13px;border-bottom:3px solid var(--ink);padding-bottom:13px;margin-bottom:18px}.panel-title>span{display:grid;place-items:center;width:38px;height:38px;border:3px solid var(--ink);border-radius:50%;background:var(--orange);color:var(--red);font-size:20px}.panel-title h2{margin:0;font-size:24px}.panel-title p{margin:3px 0 0;color:var(--muted);font-size:13px}.panel-title.compact{margin-bottom:10px}.create-grid{display:grid;grid-template-columns:1fr 1.5fr 1.3fr auto;gap:12px;align-items:end}label{display:grid;gap:7px}input,button{font:inherit;border:3px solid var(--ink);min-height:46px;padding:9px 12px;background:#fff}button{cursor:pointer;background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}button:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}button.danger{background:var(--red);color:#fff}button.secondary{background:#fff}.message{min-height:22px;color:var(--red)}.message.success{color:var(--green)}.children{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:15px}.child-card{border:3px solid var(--ink);padding:15px;background:#fff}.child-top{display:flex;justify-content:space-between;gap:12px}.child-top h3{margin:0 0 4px}.badge{height:max-content;padding:4px 8px;border:2px solid var(--ink);background:var(--green);color:#fff}.badge.disabled{background:#777}.child-meta{color:var(--muted);font-size:12px}.child-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.child-numbers div{padding:8px;background:#fff5c9;border:2px solid var(--ink);text-align:center}.child-numbers b{display:block;font-size:21px}.child-actions{display:flex;flex-wrap:wrap;gap:8px}.child-actions input{width:110px}.child-actions button{min-height:42px;padding:7px 10px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.table-wrap{max-height:420px;overflow:auto;border:2px solid var(--ink)}table{width:100%;border-collapse:collapse;background:#fff;font-size:12px}th,td{padding:9px;border-bottom:1px solid #d8ccb1;text-align:left}th{position:sticky;top:0;background:var(--yellow)}.positive{color:var(--green)}.negative{color:var(--red)}@media(max-width:900px){.comic-header{align-items:flex-start;flex-direction:column}.header-actions{flex-wrap:wrap}.stats{grid-template-columns:1fr 1fr}.create-grid,.two-columns{grid-template-columns:1fr}.content{width:calc(100% - 20px)}}@media(max-width:520px){.stats{grid-template-columns:1fr 1fr}.header-actions>span{display:none}.children{grid-template-columns:1fr}.child-actions input{width:100%}}