:root{--bg:#fcf8f2;--surface:#fffefb;--ink:#303c3b;--muted:#82918e;--line:#e8e6dd;--teal:#2c746c;--teal-soft:#e7f1ed;--orange:#df8e54;--hero:#f5e4ce;--shadow:0 7px 30px #68513806;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}header{max-width:1200px;margin:auto;padding:28px 24px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:18px;font-weight:750;letter-spacing:.7px}.brand-symbol{display:grid;place-items:center;width:41px;height:41px;background:#f4dfba;color:#98713e;border:1px solid #e9cc98;border-radius:15px;transform:rotate(-8deg);font-size:28px}.brand small{display:block;margin-top:6px;font-size:8px;font-weight:600;color:var(--muted);letter-spacing:2px}.header-actions{display:flex;gap:12px;align-items:center}.header-actions button{border:1px solid var(--line);border-radius:30px;background:var(--surface);padding:10px 15px;color:var(--ink);font-size:12px;display:flex;align-items:center;gap:7px}.header-actions b{font-size:10px;background:var(--teal-soft);padding:2px 6px;border-radius:10px;font-weight:500;color:var(--teal)}#theme{width:40px;height:40px;padding:0;justify-content:center;font-size:21px}main{max-width:1152px;margin:auto;padding-bottom:30px}.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.25fr 1fr;gap:15px;min-height:390px;padding:46px 42px 34px;border:1px solid #ecddc7;border-radius:28px;background:radial-gradient(ellipse at 76% 42%,#fff5df 0%,#f8ebd7 34%,transparent 70%),linear-gradient(112deg,#f4e2c8,#f6eadb);overflow:hidden}.hero:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.18;background-image:radial-gradient(#c5b194 0.65px,transparent .65px);background-size:6px 6px}.hero-copy{align-self:center;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:600;letter-spacing:2px;color:#947b59}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#c89553;box-shadow:0 0 0 4px #e6cb9f60}h1{font-size:clamp(29px,3.5vw,43px);max-width:490px;line-height:1.43;font-weight:760;letter-spacing:-1px;margin:22px 0 16px;word-break:normal;color:#344541}.hero-copy>p{font-size:13px;line-height:2.05;max-width:425px;color:#7b826e;margin:0}.hero-actions{display:flex;gap:17px;align-items:center;margin-top:26px}.hero-link{display:flex;align-items:center;gap:22px;background:#34776d;color:#fff;padding:13px 18px;border-radius:12px;text-decoration:none;font-size:12px;box-shadow:0 5px 0 #20584f12;transition:transform .2s}.hero-link:hover{transform:translateY(-2px)}.hero-link>span{font-size:19px}.hero-note{font-size:10px;color:#99947f;line-height:1.7;max-width:130px}.hero-bottom{display:flex;align-items:center;gap:17px;margin-top:29px;font-size:10px;color:#8c8c79}.hero-bottom span:last-child{padding-left:17px;border-left:1px solid #c5bb9b77}.hero-art{position:relative;min-height:304px;display:flex;align-items:center;justify-content:center}.art-orbit{position:absolute;width:278px;height:278px;border:1px solid #e7c995;border-radius:50%;background:radial-gradient(circle,#ffe7b3 0%,#f8dda965 68%,transparent 69%);transform:rotate(-15deg)}.art-orbit:after{content:"";position:absolute;inset:-16px;border:1px dashed #dec09880;border-radius:50%}.dragonite{position:relative;z-index:1;width:330px;height:330px;max-width:100%;object-fit:contain;filter:drop-shadow(0 18px 12px #b5823825);animation:hello-float 7s ease-in-out infinite}.art-note{position:absolute;right:0;top:2px;padding:10px 14px;background:#fffdf2;border:1px solid #e5d7ba;box-shadow:3px 4px 0 #e0c9a65c;border-radius:13px 13px 13px 2px;transform:rotate(7deg);font-size:11px;font-weight:600;z-index:3;color:#8c734f}.art-label{position:absolute;bottom:0;right:19px;font-size:8px;color:#a39173;letter-spacing:1.5px;transform:rotate(-4deg);z-index:3}.art-label i{display:inline-block;margin-left:9px;font-size:17px;color:#d99473}.spark{position:absolute;color:#c99558;z-index:2}.spark-one{left:19px;top:42px;font-size:35px;transform:rotate(-10deg)}.spark-two{right:8px;bottom:54px;font-size:23px;color:#5e9f96}.feed{margin-top:42px}.feed-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.section-kicker{font-size:8px;color:#aaac9e;letter-spacing:2px;font-weight:600}.feed-intro h2{font-size:22px;margin:9px 0 0;font-weight:680;letter-spacing:.3px}.feed-intro h2 span{display:inline-block;color:#e2ad70;margin-left:10px;font-size:27px;font-weight:400}.updated{font-size:10px;color:#9ba199}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 20px}nav{display:flex;gap:7px;flex-wrap:wrap;padding:5px;border-radius:16px;background:#f0f1e9;border:1px solid #e4e7dc}.filter{background:transparent;border:0;padding:10px 15px;border-radius:11px;color:#7c8d85;font-size:12px;white-space:nowrap;transition:background .15s,box-shadow .15s}.filter b{font-weight:500;font-size:9px;margin-left:7px;opacity:.6}.filter.selected{background:var(--surface);color:var(--teal);box-shadow:0 2px 5px #21352910}.filter:hover{color:var(--teal)}.search{display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:11px 13px;background:var(--surface);width:260px}.search>span{color:#9ca49a;font-size:21px;line-height:1;flex-shrink:0}.search input{border:0;outline:0;width:100%;min-width:0;background:transparent;font-size:11px;color:var(--ink)}.search input::placeholder{color:#b0b5aa}.list-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:var(--muted);font-size:10px}.list-heading>div{display:flex;align-items:center;gap:10px}#count{color:#5f8075;font-weight:600}#view-mode{padding-left:10px;border-left:1px solid var(--line);color:#a5aaa1}#unread{border:0;background:transparent;color:var(--muted);font-size:11px;display:flex;align-items:center;gap:7px}#unread:before{content:"";width:11px;height:11px;border:1px solid #b8c4b7;border-radius:4px}#unread[aria-pressed="true"]:before{background:var(--teal);border-color:var(--teal);box-shadow:inset 0 0 0 2px var(--bg)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:start}.card{background:var(--surface);border:1px solid var(--line);border-radius:19px;padding:20px 23px 0;box-shadow:var(--shadow);transition:transform .2s,border-color .2s}.card:hover{border-color:#ccd9ce;transform:translateY(-3px)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.game{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600;color:#588d79}.game i{width:6px;height:6px;border-radius:50%;background:#78ac91;box-shadow:0 0 0 3px #eef5ec}.game.hsr{color:#8c85ab}.hsr i{background:#a59bc4;box-shadow:0 0 0 3px #f5f1fa}.game.reverse1999{color:#b39268}.reverse1999 i{background:#c4a87f;box-shadow:0 0 0 3px #faf3e9}.save{width:29px;height:29px;border:0;border-radius:9px;background:transparent;color:#bbc5bb;display:grid;place-items:center;font-size:23px;padding:0;transition:background .15s}.save:hover{background:#fff1d8;color:#d69741}.save[aria-pressed="true"]{color:#d89c43;background:#fff1d8}.tag{display:inline-block;background:var(--teal-soft);color:#638e7f;border-radius:5px;padding:3px 7px;font-size:9px;letter-spacing:.3px}.card h2{font-size:16px;line-height:1.8;letter-spacing:.1px;font-weight:620;margin:12px 0 15px;overflow-wrap:anywhere;min-height:57px}.card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.card time{font-size:10px;color:#abb0a6;font-variant-numeric:tabular-nums}.read-label{font-size:9px;color:#a6b6a3}.read-label:before{content:"✓ ";font-size:10px}details{border-top:1px dashed var(--line);margin:0 -23px;padding:0 23px}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#7d9488;padding:15px 0}summary::-webkit-details-marker{display:none}summary>span{font-size:17px;color:#9bb1a0;transition:transform .2s}details[open] summary>span{transform:rotate(90deg)}.excerpt{font-size:12px;line-height:2;color:#758379;padding-bottom:21px;overflow-wrap:anywhere}.excerpt p{margin:0 0 13px}.excerpt p:last-child{margin-bottom:0}.notice{background:#fff0d7;border:1px solid #eddbb4;border-radius:12px;margin-top:18px;padding:13px 18px;font-size:11px;color:#a3875e;line-height:1.8}.empty{padding:55px 20px;text-align:center;color:var(--muted)}.empty>span{font-size:43px;color:#d8c6a3}.empty h3{font-size:17px;font-weight:500}.empty p{font-size:12px}.freshness{margin-top:22px;font-size:9px;line-height:1.8;color:#a4ad9f}footer{display:flex;justify-content:space-between;gap:24px;margin-top:38px;border-top:1px solid var(--line);padding-top:28px}.footer-note b{font-size:9px;letter-spacing:1.8px;font-weight:600;color:#8a9d8c}.footer-note span{color:#d3a67c;font-size:15px;margin-left:7px}.footer-note p{font-size:12px;color:#97a18e;margin-top:10px}footer small{display:block;font-size:9px;line-height:1.9;color:#a2ac9b}footer a{display:inline-block;text-decoration:none;margin-top:12px;font-size:10px;color:#879e89}#toast{position:fixed;z-index:9;left:50%;bottom:26px;transform:translate(-50%,12px);opacity:0;pointer-events:none;transition:.2s;background:#285c53ed;color:#fff;font-size:12px;padding:12px 20px;border-radius:30px;box-shadow:0 7px 20px #15392d15}#toast.visible{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}:focus-visible{outline:2px solid #5f9e8d;outline-offset:4px}#favorites[aria-pressed="true"]{background:var(--teal-soft);color:var(--teal);border-color:#bad9cd}@keyframes hello-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}
html[data-theme="dark"]{--bg:#202b2b;--surface:#283535;--ink:#e3e9da;--muted:#8a9b92;--line:#3b4945;--teal:#9ec9b3;--teal-soft:#344d42;--hero:#3f4335;color-scheme:dark}html[data-theme="dark"] .hero{background:radial-gradient(ellipse at 77% 50%,#65563255,transparent 70%),linear-gradient(110deg,#364a43,#414637);border-color:#5d6147}html[data-theme="dark"] h1{color:#eee7c9}html[data-theme="dark"] .hero-copy>p{color:#abb6a0}html[data-theme="dark"] .hero-note,html[data-theme="dark"] .hero-bottom{color:#b7b295}html[data-theme="dark"] nav{background:#24322d;border-color:var(--line)}html[data-theme="dark"] .art-orbit{background:#82714c25;border-color:#99815344}html[data-theme="dark"] .art-orbit:after{border-color:#a9997744}html[data-theme="dark"] .card:hover{border-color:#688173}html[data-theme="dark"] .excerpt{color:#b2bfb0}html[data-theme="dark"] .game i{box-shadow:none}html[data-theme="dark"] .save[aria-pressed="true"]{background:#78613a40}html[data-theme="dark"] .notice{background:#514933;border-color:#6a5f40;color:#d9c595}
@media(max-width:1220px){main{margin:0 28px}header{padding:25px 28px}}@media(max-width:950px){.hero{padding:33px 30px;grid-template-columns:1.2fr 1fr}.hero-copy>p{font-size:12px}.hero-note{display:none}.hero-bottom{gap:12px}.hero-bottom span:last-child{display:none}.dragonite{width:285px;height:285px}.art-orbit{width:220px;height:220px}.art-note{font-size:10px;right:-7px}.art-label{right:0;font-size:7px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{gap:12px}.filter{padding:10px 12px}.search{width:215px}}
@media(max-width:650px){header{padding:21px 19px}.brand{font-size:15px;gap:9px}.brand-symbol{width:35px;height:35px;border-radius:12px;font-size:24px}.brand small{font-size:6px;letter-spacing:1.7px;margin-top:5px}.header-actions{gap:7px}.header-actions button{padding:9px 11px}.header-actions button span{display:none}#theme{height:35px;width:35px;font-size:19px}main{margin:0 17px}.hero{display:flex;flex-direction:column;padding:23px 25px 25px;border-radius:24px;gap:0}.hero-art{order:-1;min-height:219px;height:219px;margin:0 10px 7px}.dragonite{height:233px;width:233px}.art-orbit{height:180px;width:180px}.art-orbit:after{inset:-11px}.art-note{right:-5px;top:13px;font-size:9px;padding:8px 9px;transform:rotate(8deg)}.spark-one{font-size:25px;top:45px;left:0}.spark-two{font-size:19px;right:0;bottom:40px}.art-label{right:0;bottom:0;font-size:6px}.hero-copy{text-align:center}.eyebrow{font-size:7px;letter-spacing:1.4px;justify-content:center}h1{font-size:27px;line-height:1.5;margin:14px auto 12px;max-width:290px;letter-spacing:-.6px}.hero-copy>p{font-size:11px;line-height:1.9;max-width:290px;margin:auto}.hero-actions{justify-content:center;margin-top:20px}.hero-link{font-size:11px;padding:10px 15px;gap:30px;border-radius:10px}.hero-bottom{justify-content:center;gap:22px;margin-top:20px;font-size:9px}.feed{margin-top:29px}.feed-intro{margin-bottom:17px}.section-kicker{font-size:6px;letter-spacing:1.5px}.feed-intro h2{font-size:19px;margin-top:7px}.feed-intro h2 span{font-size:22px;margin-left:6px}.updated{font-size:8px;max-width:78px;text-align:right;line-height:1.7}.toolbar{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-bottom:17px}nav{gap:3px;justify-content:space-between;padding:5px}.filter{padding:10px 12px;font-size:11px}.filter b{font-size:8px;margin-left:5px}.search{width:100%;padding:11px 14px}.search input{font-size:11px}.cards{grid-template-columns:1fr;gap:14px}.card{padding:20px 22px 0;border-radius:17px}.game{font-size:11px}.card h2{min-height:0;font-size:16px;line-height:1.9;margin:11px 0 17px}.card-meta{margin-bottom:20px}.card time{font-size:10px}details{margin:0 -22px;padding:0 22px}summary{font-size:11px;padding:15px 0}.excerpt{font-size:13px}.freshness{font-size:8px;margin-top:21px}footer{flex-direction:column;margin-top:25px;padding-top:22px;gap:9px}footer small{font-size:8px}.footer-note p{margin-bottom:0}.notice{font-size:10px;padding:11px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dragonite{animation:none}*{transition:none!important}}
.hero-note{text-wrap:balance}.read-label{background:transparent;border:0;padding:0;font:inherit;font-size:9px;color:#a6b6a3}.read-label:before{content:"○ ";font-size:10px}.read-label[aria-pressed="true"]:before{content:"✓ "}.read-label:hover{color:var(--teal)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-simple{display:block;min-height:0;padding:14px 32px}.hero-simple .hero-art{height:290px;min-height:290px;max-width:520px;margin:0 auto}.hero-simple .dragonite{width:300px;height:300px}.hero-simple .spark-one{left:38px}.hero-simple .spark-two{right:38px}.hero-simple .art-orbit{width:244px;height:244px}footer{align-items:center}footer a{margin-top:0}@media(max-width:650px){.brand{font-size:14px;letter-spacing:0;gap:7px}.brand-symbol{width:29px;height:29px;font-size:20px}.header-actions{gap:5px}.header-actions button{padding:8px}header{padding:19px 17px}.hero-simple{padding:12px 20px}.hero-simple .hero-art{height:224px;min-height:224px;margin:0 auto}.hero-simple .dragonite{width:234px;height:234px}.hero-simple .art-orbit{width:184px;height:184px}.hero-simple .spark-one{left:2px}.hero-simple .spark-two{right:2px}footer{flex-direction:row;align-items:center}footer small{max-width:230px}}