: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}}