:root{--ink:#eef1ef;--muted:#99a7a5;--line:rgba(219,233,224,.15);--accent:#d5f26b;--bg:#091413;--panel:rgba(15,32,28,.76)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Noto Sans TC","PingFang TC",sans-serif}.site-shell{min-height:100vh;overflow:hidden;position:relative}.wrap{position:relative;z-index:2;width:min(1120px,calc(100% - 44px));margin:auto}nav{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.13em}.brand{font-weight:700;color:var(--accent)}.nav-note{color:var(--muted)}.hero{padding:78px 0 44px;max-width:780px}.eyebrow{font:11px monospace;letter-spacing:.22em;color:var(--accent);margin:0 0 22px}.hero h1{font-size:clamp(46px,7vw,86px);line-height:.99;letter-spacing:-.07em;margin:0}.hero h1 em{font-style:normal;color:#83918e}.dek{color:var(--muted);font-size:17px;line-height:1.8;max-width:530px;margin:28px 0 34px}.search{height:64px;border:1px solid rgba(213,242,107,.55);display:flex;align-items:center;padding:0 20px;background:rgba(10,26,23,.85);box-shadow:0 0 40px rgba(213,242,107,.08)}.search span{font-size:29px;color:var(--accent);margin-right:13px}.search input{background:none;border:0;outline:0;color:var(--ink);font-size:16px;width:100%}.search input::placeholder{color:#71807d}.search button{border:0;background:none;color:var(--muted);font-size:24px;cursor:pointer}.search-meta{font:12px monospace;color:var(--muted);margin-top:14px}.search-meta strong{color:var(--accent)}.search-meta span{padding:0 7px}.toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:21px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button,.empty button{background:transparent;border:1px solid var(--line);color:var(--muted);padding:9px 16px;font-size:12px;cursor:pointer}.filters button.selected,.filters button:hover,.empty button:hover{background:var(--accent);color:#132018;border-color:var(--accent)}.count{font:11px monospace;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:90px}.card{min-height:245px;display:flex;flex-direction:column;text-decoration:none;color:inherit;background:linear-gradient(145deg,rgba(20,45,39,.82),rgba(12,27,24,.82));border:1px solid var(--line);padding:22px;position:relative;overflow:hidden}.card:after{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(213,242,107,.14);border-radius:50%;right:-46px;bottom:-54px}.card:hover{border-color:rgba(213,242,107,.75);background:linear-gradient(145deg,rgba(28,59,49,.94),rgba(12,27,24,.94));transform:translateY(-4px)}.card-top{display:flex;justify-content:space-between;color:var(--accent);font:11px monospace;letter-spacing:.08em}.card-top time{color:var(--muted)}.card h2{font-size:22px;line-height:1.28;letter-spacing:-.03em;margin:28px 0 13px}.card p{font-size:14px;line-height:1.75;color:var(--muted);margin:0}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:20px}.tags span{font:10px monospace;color:#a9c37a}.empty{text-align:center;padding:80px 20px;color:var(--muted)}.empty>span{font-size:40px;color:var(--accent)}.empty h2{color:var(--ink)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:25px 0 34px;color:var(--muted);font:10px monospace;letter-spacing:.04em}.space-scene{position:absolute;inset:0;pointer-events:none;opacity:.75}.sun{position:absolute;top:12%;right:11%;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,#efffac 0,#d5f26b 30%,rgba(213,242,107,.1) 70%,transparent 72%);box-shadow:0 0 80px rgba(213,242,107,.24)}.orbit{position:absolute;border:1px solid rgba(213,242,107,.12);border-radius:50%;transform:rotate(-22deg)}.orbit-a{width:650px;height:250px;right:-70px;top:9%}.orbit-b{width:900px;height:350px;right:-190px;top:2%}.planet{position:absolute;border-radius:50%;display:block}.p1{right:35%;top:10px;width:6px;height:6px;background:#d5f26b;box-shadow:0 0 15px #d5f26b}.p2{right:7%;top:31%;width:10px;height:10px;background:#e5a3ba}.p3{right:27%;top:30%;width:13px;height:13px;background:#72a9c0;box-shadow:0 0 18px rgba(114,169,192,.6)}.p4{right:5%;top:67%;width:7px;height:7px;background:#d68c61}.p5{left:5%;top:45%;width:18px;height:18px;background:#b48e5d;opacity:.45}.p6{left:16%;top:14%;width:8px;height:8px;background:#c3a86f}.p7{left:44%;top:74%;width:6px;height:6px;background:#8fc8a7}.p8{right:43%;top:55%;width:5px;height:5px;background:#d5f26b}@media(max-width:820px){.grid{grid-template-columns:repeat(2,1fr)}.hero{padding-top:58px}.nav-note{display:none}}@media(max-width:560px){.wrap{width:min(100% - 28px,1120px)}nav{padding:22px 0}.hero h1{font-size:52px}.grid{grid-template-columns:1fr}.toolbar{align-items:flex-start;gap:20px;flex-direction:column}.count{align-self:flex-end}footer{flex-direction:column;gap:8px}.sun{right:-20px;top:12%;width:70px;height:70px}}@media(prefers-reduced-motion:no-preference){.planet{animation:drift 8s ease-in-out infinite alternate}.p2{animation-delay:-2s}.p4{animation-delay:-4s}.p7{animation-delay:-5s}.card{transition:transform .25s ease,background .25s ease,border-color .25s ease}}@keyframes drift{to{transform:translate(7px,-9px)}}