*{box-sizing:border-box}body{margin:0;background:#050a19;color:#e5ebf5;font-family:system-ui,"Microsoft YaHei",sans-serif}button,input,select{font:inherit}button,a,select{cursor:pointer}button{color:inherit;border:0;background:transparent}a{color:inherit;text-decoration:none}.top{height:76px;background:#0c1426;border-bottom:1px solid #202b40;display:flex;align-items:center;gap:32px;padding:0 30px}.logo{font-size:26px;font-weight:800;white-space:nowrap}.logo span{color:#478bff}.top nav{display:flex;gap:12px;margin-left:auto}.top nav button{padding:12px 17px;color:#8d9cb5;border-radius:25px}.top nav .active{color:#5b9dff;background:#152648}.local{color:#91a1b8;font-size:13px}.layout{display:grid;grid-template-columns:278px 1fr;gap:30px;padding:20px}aside{display:grid;align-content:start;gap:16px}.panel{background:#101a2c;border:1px solid #202b40;border-radius:22px;padding:21px}h2{font-size:18px;margin:0 0 22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.stats b{display:block;font-size:25px;color:#7866ff}.stats div:nth-child(2) b{color:#0dc8a3}.stats div:nth-child(3) b{color:#ffa321}.stats div:nth-child(4) b{color:#f15c8c}.stats small{font-size:11px;color:#92a1b6}.month{border-top:1px solid #223047;display:flex;justify-content:space-between;margin-top:22px;padding-top:18px;font-size:14px}.month button{font-size:23px;color:#9aacc5}#calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:16px;text-align:center;font-size:12px;color:#8f9fb8}#calendar span{padding:7px 0}#calendar .today{border-radius:9px;background:#087f73;color:white;font-weight:bold}.hint{font-size:10px;color:#7f91ad;margin:16px 0 0}.filters h2{display:flex;justify-content:space-between}.filters h2 button{font-size:12px;color:#f36a8a}.filters label{display:block;font-size:12px;color:#8a9bb5;margin-top:18px}.filters select{display:block;width:100%;background:#1d293d;color:#cbd8e9;border:1px solid #30405b;border-radius:12px;padding:12px;margin-top:8px}main{min-width:0;padding:12px 5px}.mainhead{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;color:#6992d0}h1{font-size:24px;margin:8px 0 24px}.mainhead input{background:#101a2c;color:white;border:1px solid #283851;border-radius:12px;padding:12px 16px;width:260px}.tabs{display:flex;gap:22px;border-bottom:1px solid #253047}.tabs button{padding:12px 14px 16px;color:#a2b1c7;font-weight:600}.tabs .active{color:#4e94ff;border-bottom:3px solid #4e94ff}.result{font-size:13px;color:#8f9fb8;margin:21px 0 15px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{overflow:hidden;background:#101a2c;border:1px solid #202c42;border-radius:20px;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:#447fe0}.thumb{position:relative;display:block;aspect-ratio:16/9;background:#203a32}.thumb img{width:100%;height:100%;object-fit:cover}.badge,.duration{position:absolute;border-radius:8px;font-size:11px;padding:5px 8px}.badge{top:12px;left:12px;background:#3569d9}.duration{bottom:12px;right:12px;background:#000b}.favorite{position:absolute;right:12px;top:12px;background:#1a293de8;color:#b8c8e0;border-radius:50%;width:36px;height:36px;font-size:23px}.favorite.selected{color:#ff789f}.cardbody{padding:20px}.card h2{font-size:19px;line-height:1.5;margin:0 0 9px}.card p{font-size:13px;line-height:1.7;color:#8e9fb8;margin:0 0 16px}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{background:#eee1ff;color:#653f8e;border-radius:6px;padding:5px 9px;font-size:11px}.tags span:nth-child(2){background:#edf5bb;color:#617619}.cardfooter{border-top:1px solid #263249;margin-top:20px;padding-top:14px;display:flex;justify-content:space-between;color:#899ab4;font-size:11px}.empty{text-align:center;padding:70px 15px;color:#9badc8}.empty button,dialog button{background:#326ee9;border-radius:10px;padding:11px 20px;color:white}dialog{background:#101a2c;color:#e7edf8;border:1px solid #354560;border-radius:20px;padding:28px;max-width:90%}dialog::backdrop{background:#0009}button:focus-visible,a:focus-visible{outline:2px solid #7faeff;outline-offset:3px}[hidden]{display:none!important}@media(min-width:1700px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1050px){.layout{grid-template-columns:235px 1fr;gap:18px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.local{display:none}.top{padding:0 20px;gap:12px}.top nav{gap:0}.top nav button{padding:10px}.mainhead{display:block}.mainhead input{width:100%;margin-bottom:14px}}@media(max-width:700px){.top{height:auto;min-height:65px;padding:14px 16px;flex-wrap:wrap}.logo{font-size:23px}.top nav{width:100%;justify-content:space-between;order:2}.top nav button{font-size:12px;padding:9px 8px}.layout{display:flex;flex-direction:column;padding:14px;gap:15px}aside{display:block}.panel{padding:17px;border-radius:16px}.panel h2{margin-bottom:12px}.month,#calendar,.hint{display:none}.filters{display:none}main{padding:0}.mainhead h1{font-size:21px;margin-bottom:16px}.eyebrow{display:none}.tabs{gap:0;justify-content:space-between}.tabs button{padding:12px 7px;font-size:13px}.cards{grid-template-columns:1fr;gap:17px}.result{margin:16px 0}.cardbody{padding:17px}}