:root{font-family:Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;color:#17324d;background:#f3fbff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 10% 0,#fff5d7 0,transparent 28%),radial-gradient(circle at 90% 5%,#dcf7ff 0,transparent 30%),linear-gradient(180deg,#f5fcff,#eef8ff 55%,#fffaf0)}button,input,select{font:inherit}.hidden{display:none!important}.shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(16px,4vw,48px);background:#ffffffe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #dcecf4}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:20px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#4bb7f1,#72d8b2);color:#fff;box-shadow:0 8px 20px #62c8da55}.top-actions{display:flex;gap:10px;align-items:center}.button{border:0;border-radius:14px;padding:11px 16px;font-weight:800;cursor:pointer;transition:.2s transform,.2s box-shadow}.button:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg,#258ed5,#38b9aa);color:#fff;box-shadow:0 10px 24px #329ab744}.button.soft{background:#fff;border:1px solid #d6e7ef;color:#24445e}.button.danger{background:#fff0f0;color:#ba3a3a}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.page{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:34px 0 70px}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:22px;align-items:stretch}.panel{background:#ffffffeb;border:1px solid #dcebf2;border-radius:26px;box-shadow:0 18px 50px #2d5f7a1a}.hero-main{padding:32px}.eyebrow{font-weight:900;color:#278f86;letter-spacing:.08em}.hero h1{font-size:clamp(30px,5vw,52px);line-height:1.05;margin:12px 0 16px}.hero p{font-size:17px;line-height:1.8;color:#5f7283;max-width:760px}.child-panel{padding:24px}.child-list{display:grid;gap:12px}.child-card{display:flex;align-items:center;gap:12px;padding:14px;border:2px solid transparent;border-radius:18px;background:#f6fbfe;cursor:pointer}.child-card.active{border-color:#3dafaf;background:#effcf9}.avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:24px;background:linear-gradient(135deg,#ffe087,#ffb68e)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:36px 0 18px}.section-head h2{margin:0;font-size:28px}.section-head p{margin:5px 0 0;color:#6b7f8d}.filters{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid #d4e7ef;background:#fff;border-radius:999px;padding:8px 13px;cursor:pointer;color:#476276}.chip.active{background:#1f9ca2;color:#fff;border-color:#1f9ca2}.games{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.game-card{display:flex;flex-direction:column;min-height:260px;padding:22px;background:#fff;border:1px solid #dceaf1;border-radius:24px;box-shadow:0 10px 28px #335b7314}.game-icon{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;font-size:29px;background:linear-gradient(135deg,#dff6ff,#fff1bc)}.game-card h3{margin:18px 0 8px;font-size:21px}.game-card p{margin:0;color:#647887;line-height:1.65;flex:1}.game-meta{display:flex;align-items:center;justify-content:space-between;margin-top:18px;color:#6f8290;font-size:13px}.save-badge{color:#258b69;font-weight:800}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(520px,100%);padding:34px}.login-card h1{font-size:34px;margin:0 0 10px}.login-card p{color:#657987;line-height:1.7}.field{display:grid;gap:8px;margin:18px 0}.field label{font-weight:800}.field input,.field select{width:100%;padding:14px 15px;border:1px solid #cddfe7;border-radius:14px;background:#fff;outline:none}.field input:focus,.field select:focus{border-color:#2da4ae;box-shadow:0 0 0 4px #2da4ae20}.row{display:flex;gap:10px}.row>*{flex:1}.notice{padding:13px 15px;border-radius:14px;background:#f0f8ff;color:#3c647d;line-height:1.6}.notice.error{background:#fff0f0;color:#a73838}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#112a3d8f;padding:18px}.modal-card{width:min(500px,100%);padding:26px;background:#fff;border-radius:24px;box-shadow:0 25px 80px #0a253955}.play-modal{padding:0;display:block;background:#09131c}.play-frame{width:100vw;height:100vh;border:0;background:#fff}.play-toolbar{position:fixed;z-index:101;top:12px;left:12px;display:flex;gap:8px}.play-toolbar .button{background:#ffffffeb}.empty{padding:30px;text-align:center;color:#6a7f8e}.account-panel{padding:24px}.session-row{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #edf3f6}.loading{min-height:50vh;display:grid;place-items:center;color:#5b7588}.spinner{width:36px;height:36px;border:4px solid #d8edf5;border-top-color:#278ed1;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){.hero{grid-template-columns:1fr}.topbar{padding:10px 14px}.brand span:last-child{display:none}.page{padding-top:22px}.hero-main{padding:24px}.section-head{align-items:start;flex-direction:column}.games{grid-template-columns:1fr}.row{flex-direction:column}}.play-sync{display:inline-flex;align-items:center;min-height:40px;padding:0 12px;border-radius:999px;background:#ffffffeb;font-size:13px;font-weight:750;color:#45657a;box-shadow:0 4px 16px #0a25391f}.play-sync.saved{color:#207657}.play-sync.error{color:#9a3e3e}.play-sync.conflict{color:#7a4b00;background:#fff6df}@media(max-width:680px){.play-toolbar{right:12px;flex-wrap:wrap}.play-sync{order:3;width:100%;justify-content:center}}.button.soft.active-view{background:#e8f8f5;border-color:#45b6a8;color:#176b63}.report-loading{min-height:360px;display:grid;place-items:center;text-align:center;padding:40px}.report-header{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px;margin-bottom:18px}.report-header h1{margin:8px 0;font-size:clamp(28px,4vw,44px)}.report-header p{margin:0;color:#617786;line-height:1.7;max-width:760px}.period-switch{display:flex;gap:8px;flex-wrap:wrap}.report-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.metric-card{display:grid;gap:7px;padding:20px;background:#fff;border:1px solid #dceaf1;border-radius:22px;box-shadow:0 10px 28px #335b7312}.metric-card span{font-weight:800;color:#597181}.metric-card strong{font-size:28px}.metric-card small{color:#7a8d99}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.report-grid>.panel,.report-header+.panel,.report-grid+.panel,.panel+.panel{padding:24px}.daily-chart{display:grid;gap:11px}.daily-row{display:grid;grid-template-columns:54px 1fr 48px;gap:10px;align-items:center;font-size:13px}.daily-row>div{height:14px;background:#edf4f7;border-radius:999px;overflow:hidden}.daily-row i{display:block;height:100%;background:linear-gradient(90deg,#36a6d8,#4dc6a8);border-radius:999px}.daily-row strong{text-align:right}.ability-list{display:grid;gap:10px}.ability-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf3f6}.ability-row>div:first-child{display:grid;gap:3px}.ability-row small{color:#748894}.ability-score{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-weight:900;background:#eef9f6;color:#187768}.trend{min-width:76px;text-align:right;color:#687d89;font-weight:800}.trend.up{color:#1f8a64}.trend.down{color:#b15b4a}.table-wrap{overflow:auto}.report-table{width:100%;border-collapse:collapse;min-width:760px}.report-table th,.report-table td{padding:12px 10px;text-align:left;border-bottom:1px solid #e8f0f4}.report-table th{color:#627886;font-size:13px;background:#f7fbfd}.report-table small{color:#778b97}.coverage{display:flex;gap:8px;flex-wrap:wrap}.coverage span,.quality{padding:5px 9px;border-radius:999px;background:#f0f6f8;color:#5b7180;font-size:12px}.history-list{display:grid;gap:11px}.history-card{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(240px,1.4fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #edf3f6}.history-card>div:first-child{display:grid;gap:4px}.history-card small{color:#728792}.mode-badge{padding:6px 10px;border-radius:999px;background:#edf8ff;color:#28739e;font-size:12px;font-weight:800}.history-metrics{display:flex;gap:10px;flex-wrap:wrap;color:#516b7c;font-size:13px}.warning-text{color:#b26142;font-weight:800}@media(max-width:900px){.report-cards{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:1fr}.history-card{grid-template-columns:1fr auto}.history-metrics{grid-column:1/-1}.quality{justify-self:start}.report-header{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.top-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}.top-actions .button{padding:9px 10px;font-size:13px}.report-cards{grid-template-columns:1fr}.report-header,.report-grid>.panel,.report-grid+.panel,.panel+.panel{padding:18px}.history-card{display:block}.history-card>*{margin-bottom:8px}.daily-row{grid-template-columns:44px 1fr 42px}}.maintenance-note{display:flex;flex-direction:column;gap:4px;margin:10px 0;padding:10px 12px;border-radius:12px;background:#fff4d6;border:1px solid #f0c96a;color:#714f00}.maintenance-note strong{font-size:14px}.maintenance-note span{font-size:13px;line-height:1.45}