:root{font-family:Inter,"Segoe UI","Microsoft JhengHei",sans-serif;color:#e9f2fa;background:#061522;line-height:1.65;--cyan:#36d2d0;--blue:#68adf6;--surface:#0d2435;--line:#285068;--muted:#a3b8c9}*{box-sizing:border-box}html{font-size:16px}body{margin:0;min-height:100vh;background:radial-gradient(circle at 78% 14%,#10384d 0,transparent 33%),#061522}a{color:inherit;text-decoration:none}.site-header{height:84px;padding:0 clamp(22px,5vw,72px);border-bottom:1px solid #23475c;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:1.45rem;font-weight:800}.brand b{color:var(--cyan)}.brand small{display:block;color:#7fa4bf;font-size:.75rem;letter-spacing:1.6px}.mark{font-size:2.6rem;line-height:1;color:var(--cyan);transform:rotate(-8deg)}.prototype{background:#352c19;color:#ffd76d;border-radius:6px;padding:5px 10px;font-size:.8rem}main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:clamp(54px,8vw,100px) 0 48px}.intro{max-width:850px}.eyebrow{color:var(--cyan);font-size:.82rem;letter-spacing:1.5px}h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.18;letter-spacing:-1.4px;margin:8px 0 18px}.intro p{font-size:1.12rem;color:var(--muted);max-width:760px;margin:0}.entry-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-top:48px}.entry{position:relative;min-height:290px;padding:28px;background:#0b2232;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:12px;display:flex;flex-direction:column;transition:transform .18s,border-color .18s,background .18s}.entry.primary{border-top-color:var(--cyan);background:linear-gradient(145deg,#0e3041,#0b2232)}.entry.compact{grid-column:1/-1;min-height:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;border-top-color:#ffb34c}.entry:hover{transform:translateY(-3px);border-color:#57a7bf;background:#102d40}.entry:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.entry-no{position:absolute;right:25px;top:18px;font-size:2.3rem;color:#416579;font-weight:300}.entry-tag{font-size:.78rem;color:var(--cyan);letter-spacing:1.4px}.entry h2{font-size:1.65rem;margin:17px 0 7px}.entry p{font-size:1rem;color:var(--muted);max-width:570px;margin:0}.entry strong{display:block;color:#73e3df;margin-top:auto;padding-top:28px}.entry.compact .entry-no{position:static}.entry.compact .entry-tag{display:none}.entry.compact h2{margin:0}.entry.compact p{margin-top:4px}.entry.compact strong{padding:0;margin:0;white-space:nowrap}.note{font-size:.82rem;color:#7693a7;margin-top:25px}@media(max-width:760px){.site-header{height:auto;min-height:76px;padding:14px 18px}.brand{font-size:1.2rem}.brand small{font-size:.7rem}.prototype{display:none}main{width:min(100% - 28px,560px);padding-top:45px}h1{font-size:2.25rem}.intro p{font-size:1rem}.entry-grid{grid-template-columns:1fr;margin-top:34px}.entry{min-height:260px;padding:23px}.entry.compact{grid-column:auto;min-height:230px;display:flex;align-items:stretch;gap:0}.entry.compact .entry-no{position:absolute}.entry.compact .entry-tag{display:block}.entry.compact h2{margin:17px 0 7px}.entry.compact strong{margin-top:auto;padding-top:28px}.entry h2{font-size:1.4rem}}
