/* 29 防沉迷游戏时长 · 时间轴日历：温和蓝紫 + 琥珀，周视图 + 时段指针 */
.aat{
  --ink:#222544; --sub:#666b91; --card:#ffffff; --line:#e0e2f2;
  --pri:#5457c8; --pri-soft:#ecedff; --ok:#258a68; --warn:#c08a24; --bad:#c4546a; --bg:#f5f6fd;
  color:var(--ink);background:var(--bg);font-size:15px;line-height:1.8;padding:26px 0 54px;min-height:60vh;
}
:root[data-theme="dark"] .aat{
  --ink:#e9eaff; --sub:#a8acd0; --card:#171a34; --line:#2d3154;
  --pri:#a3a7ff; --pri-soft:rgba(163,167,255,.13); --ok:#6cd6ac; --warn:#ecc27a; --bad:#ff97ab; --bg:#0d1024;
}
.aat *{box-sizing:border-box;}
.aat-wrap{max-width:1180px;margin:0 auto;padding:0 18px;}
.aat h1,.aat h2{margin:0;line-height:1.35;}
.aat b{font-weight:700;} .aat em{font-style:normal;}
.aat-hero{display:grid;grid-template-columns:1fr 200px;gap:24px;align-items:center;padding:30px 32px;
  border:1px solid var(--line);border-radius:18px;background:linear-gradient(118deg,var(--card) 56%,var(--pri-soft));
  box-shadow:0 3px 16px rgba(60,60,140,.07);}
.aat-badge{display:inline-block;padding:5px 13px;border-radius:999px;background:var(--pri);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;}
.aat h1{font-size:31px;font-weight:800;margin:13px 0 12px;}
.aat h1 em{display:block;font-size:18px;font-weight:600;color:var(--pri);margin-top:6px;}
.aat-hero p{margin:0 0 16px;max-width:770px;color:var(--sub);font-size:15px;line-height:1.85;}
.aat-hero p b{color:var(--ink);}
.aat-hero-meta{display:flex;flex-wrap:wrap;gap:8px;}
.aat-hero-meta span{padding:5px 11px;border:1px solid var(--line);border-radius:7px;background:var(--card);font-size:12.5px;font-weight:650;color:var(--sub);}
.aat-clock{display:flex;align-items:baseline;justify-content:center;gap:4px;flex-wrap:wrap;padding:22px 10px;border-radius:16px;
  background:var(--card);border:1px solid var(--line);box-shadow:0 3px 12px rgba(60,60,140,.08);}
.aat-clock b{font:850 42px/1 ui-monospace,Menlo,monospace;color:var(--pri);}
.aat-clock i{font-style:normal;font-size:28px;color:var(--warn);}
.aat-clock span{width:100%;text-align:center;margin-top:8px;font-size:12px;color:var(--sub);}

.aat-card,.aat-panel,.aat-empty,.aat-kpi,.aat-today{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 10px rgba(50,50,130,.05);}
.aat-card{margin-top:18px;padding:22px 24px;}
.aat-card-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:16px;}
.aat-card-h h2{font-size:20px;font-weight:750;} .aat-card-h span{font-size:12.5px;color:var(--sub);} .aat-card-h b{color:var(--bad);}
.aat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.aat-field{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:650;color:var(--sub);}
.aat-field b{color:var(--bad);margin-left:3px;}
.aat-in,.aat-ta{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);font-size:14px;font-family:inherit;transition:border-color .16s,box-shadow .16s;}
.aat-in:focus,.aat-ta:focus{outline:none;border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-soft);}
.aat-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px;}
.aat-btn{padding:10px 17px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);font-size:14px;font-weight:650;cursor:pointer;transition:transform .14s,border-color .14s,box-shadow .14s;}
.aat-btn:hover{border-color:var(--pri);transform:translateY(-1px);box-shadow:0 3px 10px rgba(50,50,130,.1);}
.aat-btn:disabled{opacity:.5;cursor:not-allowed;}
.aat-btn-main{background:var(--pri);border-color:var(--pri);color:#fff;} .aat-btn-main:hover{filter:brightness(1.12);}
.aat-btn-ghost{background:transparent;color:var(--sub);}
.aat-msg{margin:12px 0 0;font-size:13.5px;color:var(--sub);min-height:20px;}
.aat-msg.is-err{color:var(--bad);font-weight:600;} .aat-msg.is-ok{color:var(--ok);font-weight:600;}
.aat-empty{margin-top:18px;padding:38px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;}
.aat-empty-ic{font-size:34px;} .aat-empty b{font-size:17px;}
.aat-empty em{max-width:640px;font-size:13.5px;color:var(--sub);line-height:1.8;}

.aat-out{margin-top:18px;}
.aat-today{display:grid;grid-template-columns:1fr 220px;overflow:hidden;margin-bottom:14px;}
.aat-today-l{padding:22px 26px;}
.aat-today-k{font-size:12.5px;letter-spacing:.08em;color:var(--sub);}
.aat-today-l b{display:block;font-size:28px;font-weight:800;margin:6px 0;color:var(--pri);}
.aat-today-l b.is-no{color:var(--bad);}
.aat-today-l p{margin:0;font-size:13.5px;color:var(--sub);line-height:1.8;}
.aat-today-r{padding:22px;background:var(--pri);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:3px;}
.aat-today-r span{font-size:12.5px;opacity:.85;}
.aat-today-r b{font:800 26px/1.4 ui-monospace,Menlo,monospace;}
.aat-today-r small{font-size:11.5px;opacity:.85;}
.aat-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;}
.aat-kpi{padding:16px;display:flex;flex-direction:column;gap:3px;}
.aat-kpi span{font-size:12.5px;color:var(--sub);}
.aat-kpi b{font:800 25px/1.3 ui-monospace,Menlo,monospace;color:var(--pri);}
.aat-kpi small{font-size:11.5px;color:var(--sub);}
.aat-panel{padding:20px 22px;margin-bottom:14px;}
.aat-h2{font-size:19px;font-weight:750;margin-bottom:14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;}
.aat-h2 span{font-size:12.5px;font-weight:400;color:var(--sub);}
.aat-timeline{position:relative;padding:36px 0 20px;}
.aat-track{height:26px;border-radius:8px;background:var(--bg);border:1px solid var(--line);position:relative;overflow:hidden;}
.aat-track i{position:absolute;top:0;bottom:0;background:var(--ok);opacity:.85;}
.aat-track em{position:absolute;top:0;bottom:0;width:2px;background:var(--bad);font-style:normal;}
.aat-ticks{display:flex;justify-content:space-between;font:600 11.5px/1 ui-monospace,Menlo,monospace;color:var(--sub);margin-top:8px;}
.aat-track-note{position:absolute;top:4px;font-size:11.5px;font-weight:700;color:var(--ok);}
.aat-week{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;}
.aat-day{padding:13px 9px;border:1px solid var(--line);border-radius:11px;background:var(--bg);text-align:center;display:flex;flex-direction:column;gap:4px;}
.aat-day.is-today{outline:2px solid var(--pri);outline-offset:1px;}
.aat-day.is-on{background:var(--pri-soft);border-color:var(--pri);}
.aat-day span{font-size:12px;color:var(--sub);}
.aat-day b{font:750 15px/1.3 ui-monospace,Menlo,monospace;}
.aat-day em{font-style:normal;font-size:11.5px;font-weight:650;color:var(--bad);}
.aat-day.is-on em{color:var(--ok);}
.aat-rules{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.aat-rules div{padding:14px 16px;border-radius:10px;background:var(--bg);border:1px solid var(--line);}
.aat-rules h3{font-size:14px;font-weight:750;margin:0 0 6px;}
.aat-rules p{margin:0;font-size:13px;color:var(--sub);line-height:1.78;}
.aat-ta{min-height:110px;resize:vertical;font:13.5px/1.7 ui-monospace,Menlo,monospace;}
.aat-tw{overflow:auto;border:1px solid var(--line);border-radius:10px;}
.aat-tb{width:100%;border-collapse:collapse;font-size:13px;min-width:640px;}
.aat-tb th,.aat-tb td{padding:9px 11px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;}
.aat-tb th{background:var(--pri-soft);font-weight:700;}
.aat-tb tr:last-child td{border-bottom:none;} .aat-tb tr:hover td{background:var(--bg);}
.aat-tb .is-ok{color:var(--ok);font-weight:700;} .aat-tb .is-bad{color:var(--bad);font-weight:700;}
.aat-final{margin-top:2px;}
[hidden]{display:none !important;}

@media (max-width:860px){
  .aat{padding:18px 0 40px;}
  .aat-hero{grid-template-columns:1fr;padding:22px 18px;} .aat-clock{display:none;} .aat h1{font-size:26px;}
  .aat-card,.aat-panel{padding:18px 15px;}
  .aat-grid,.aat-kpis,.aat-rules{grid-template-columns:repeat(2,1fr);}
  .aat-today{grid-template-columns:1fr;}
  .aat-week{grid-template-columns:repeat(4,1fr);}
}