:root{--bg:#f7f8f5;--card:#fff;--fg:#1d2520;--mut:#5f6b63;--line:#e0e5dc;--acc:#1f7a4d;--chip:#eef3ec;--notice:#fdf1de;--noticefg:#7a4a0e}:root[data-theme=dark]{--bg:#111613;--card:#19201b;--fg:#e5ece6;--mut:#96a49a;--line:#2a352d;--acc:#6fcf9a;--chip:#232d26;--notice:#3a2b18;--noticefg:#f0c98a}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--acc)}.wrap{max-width:1200px;margin:0 auto;padding:0 20px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.top{border-bottom:1px solid var(--line)}.bar{justify-content:space-between;align-items:center;gap:16px;padding-top:18px;padding-bottom:14px;display:flex}h1{letter-spacing:-.02em;margin:0;font-size:28px}.tag{color:var(--mut);margin:2px 0 0}.brand{align-items:center;gap:14px;display:flex}.logo{border-radius:12px;flex:none;width:52px;height:52px}.intro{max-width:76ch;color:var(--mut);margin:22px 0 0;font-size:16px}.actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:8px;display:flex}.brand>div{min-width:0}.notify{position:relative}.npanel{background:var(--card);border:1px solid var(--line);z-index:30;border-radius:14px;width:min(330px,86vw);padding:14px 16px;font-size:14px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #00000040}.npanel p{margin:0 0 10px}.nrow{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.nrow select{background:var(--card);color:var(--fg);border:1px solid var(--line);font:inherit;border-radius:8px;padding:6px 8px}.nmsg{color:var(--acc)}.nfine{color:var(--mut);font-size:12px;margin-bottom:0!important}.day h2 a{color:inherit;text-decoration:none}.day h2 a:hover{color:var(--acc);text-decoration:underline}.ailine{color:var(--mut);margin:6px 0 0;font-size:12px}.ailine a{color:var(--mut)}.aitag{border:1px solid var(--line);letter-spacing:.04em;border-radius:4px;margin-right:4px;padding:0 5px;font-size:10px;font-weight:700;display:inline-block}.btn,.chipbtn{background:var(--card);color:var(--fg);border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:999px;padding:6px 16px;font-size:14px}.btn:hover,.chipbtn:hover{border-color:var(--acc);color:var(--acc)}.btn.on,.chipbtn.on{border-color:var(--acc);color:var(--acc);background:var(--chip);font-weight:600}.btn:disabled{opacity:.6;cursor:default}.btn.big{padding:10px 26px;font-size:15px}.chipbtn{padding:3px 12px;font-size:13px}.chipbtn span{color:var(--mut);margin-left:4px}:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.controls{gap:12px;margin:22px 0 6px;display:grid}.row{flex-wrap:wrap;gap:8px;display:flex}.search input{background:var(--card);width:100%;max-width:360px;color:var(--fg);border:1px solid var(--line);font:inherit;border-radius:10px;padding:8px 12px;font-size:14px}.day{margin-top:30px}.day h2{margin:0 0 12px;font-size:20px}.day h2 span{color:var(--mut);margin-left:8px;font-size:14px;font-weight:400}.grid{grid-template-columns:1fr;align-items:start;gap:14px;display:grid}@media (width>=860px){.grid{grid-template-columns:1fr 1fr}}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;gap:14px;padding:14px;display:flex}.cbody{flex:1;min-width:0}.thumb{object-fit:cover;background:var(--chip);border-radius:10px;flex:none;width:128px;height:96px}.ph{color:#ffffffd9;text-transform:uppercase;justify-content:center;align-items:center;font-size:26px;font-weight:700;display:flex}@media (width<=520px){.thumb{width:92px;height:72px}}.card h3{margin:0 0 6px;font-size:17px;line-height:1.35}.card h3 a{color:var(--fg);text-decoration:none}.card h3 a:hover{color:var(--acc);text-decoration:underline}.card p{margin:8px 0 0}.meta{color:var(--mut);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;display:flex}.chip{background:var(--chip);color:var(--mut);border-radius:999px;padding:1px 10px;font-size:12px}.chip.in{color:var(--acc)}.dots{gap:2px;display:inline-flex}.dots i{background:var(--line);border-radius:50%;width:6px;height:6px}.dots i.on{background:var(--acc)}.msg{color:var(--mut);margin:30px 0}.msg.err{color:#b3261e}.center{text-align:center;margin:34px 0}.foot{border-top:1px solid var(--line);color:var(--mut);margin-top:50px;padding:26px 0 48px;font-size:14px}.foot h2{color:var(--fg);margin:0 0 8px;font-size:16px}.foot p{max-width:780px;margin:0 0 10px}.foot .src a{color:var(--mut)}.chip.solid{color:#14301f;background:#ffffffeb;font-weight:600}.by{color:var(--mut);font-size:12px}.hero{grid-template-columns:1fr;gap:14px;margin:24px 0 8px;display:grid}@media (width>=900px){.hero{grid-template-columns:1.7fr 1fr}}.lead{background:var(--card);border:1px solid var(--line);border-radius:16px;min-height:320px;position:relative;overflow:hidden}.leadlink{color:#fff;height:100%;min-height:320px;text-decoration:none;display:block;position:relative}.leadpic{object-fit:cover;border-radius:0;width:100%;height:100%;font-size:90px;position:absolute;inset:0}.leadtext{background:linear-gradient(#0000,#00000073 40%,#000000d1);padding:60px 22px 20px;position:absolute;bottom:0;left:0;right:0}.leadtext h2{margin:8px 0 6px;font-size:26px;line-height:1.22}.leadtext p{color:#ffffffe6;max-width:60ch;margin:0 0 8px}.leadtext .by{color:#ffffffbf}.leadlink:hover h2{text-decoration:underline}.side{align-content:start;gap:14px;display:grid}.sidecard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px}.sidelink{color:var(--fg);gap:12px;text-decoration:none;display:flex}.sidelink>div{min-width:0}.sidepic{object-fit:cover;background:var(--chip);border-radius:10px;flex:none;width:112px;height:84px}.sidecard h3{margin:4px 0;font-size:15px;line-height:1.3}.sidelink:hover h3{color:var(--acc);text-decoration:underline}@media (width<=720px){.bar{flex-direction:column;align-items:stretch;gap:12px}.actions{justify-content:flex-start}h1{font-size:26px}.npanel{width:auto;max-height:75vh;position:fixed;inset:auto 12px 12px;overflow:auto}}.swipe{z-index:50;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.swtop{border-bottom:1px solid var(--line);color:var(--mut);justify-content:space-between;align-items:center;padding:10px 16px;font-weight:600;display:flex}.swscroll{scroll-snap-type:y mandatory;overscroll-behavior:contain;outline:none;flex:1;overflow-y:scroll}.slide{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;max-width:640px;height:100%;margin:0 auto;display:flex}.slidepic{object-fit:cover;flex:none;width:100%;height:42%}.ph.slidepic{color:#fff;justify-content:center;align-items:center;font-size:72px;display:flex}.slidebody{flex-direction:column;align-items:flex-start;gap:12px;padding:20px 20px 24px;display:flex;overflow:auto}.slidebody h2{margin:0;font-size:26px;line-height:1.2}.slidebody p{color:var(--fg);margin:0;font-size:18px;line-height:1.5}.readbtn{margin-top:6px;text-decoration:none}.hint{color:var(--mut);font-size:14px}.slideend{justify-content:center}.slideend .slidebody{align-items:flex-start}.swnav{flex-direction:column;gap:8px;display:flex;position:absolute;bottom:18px;right:14px}.swnav .btn{width:44px;height:44px;padding:0;font-size:20px}@media (width>=721px){.slidepic{border-radius:0 0 14px 14px;height:46%}.slidebody h2{font-size:30px}}.picbox{background:#000;flex:none;height:40%;position:relative;overflow:hidden}.picbg{object-fit:cover;filter:blur(22px)brightness(.7);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.15)}.picfg{object-fit:contain;width:100%;height:100%;display:block;position:relative}@media (width>=721px){.picbox{height:44%}}.foot .support{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.foot .support a{color:var(--acc);text-decoration:none}.legal h3{margin:22px 0 6px;font-size:17px}.legal p{margin:0 0 10px}.ordernote{color:var(--mut);margin:-6px 0 18px;font-size:14px}.linkbtn{color:var(--acc);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}
