:root{--ink:#111820;--paper:#f4f1e9;--acid:#d9f34a;--orange:#ff6b3d;--muted:#737a7e;--line:#cfd0c8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans TC',sans-serif}a{color:inherit;text-decoration:none}.site-shell{overflow:hidden}.section-wrap{width:min(1160px,calc(100% - 80px));margin:auto}.topbar{height:82px;width:min(1280px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-family:'Barlow Condensed',sans-serif;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;background:var(--ink);color:var(--acid);font-size:25px;font-weight:800;width:34px;height:34px;transform:skew(-10deg)}.brand strong{display:block;font-size:21px;line-height:18px}.brand small{display:block;font-family:'Noto Sans TC',sans-serif;font-size:8px;color:var(--muted);letter-spacing:.16em}.nav-links{display:flex;gap:37px;font-size:13px;font-weight:700}.nav-links a:hover,.link-list a:hover{color:var(--orange)}.top-actions{display:flex;gap:12px;align-items:center}.language,.icon-button{border:1px solid var(--line);background:transparent;padding:9px 13px;font:500 12px 'Noto Sans TC';cursor:pointer}.icon-button{font-size:17px;padding:5px 10px}.hero{min-height:570px;display:grid;grid-template-columns:70% 30%;align-items:center;position:relative}.eyebrow{font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:.15em;color:var(--muted);margin:0 0 24px}.eyebrow span{display:inline-block;width:28px;height:3px;background:var(--orange);vertical-align:middle;margin-right:10px}.hero h1,h2{font-size:clamp(48px,6vw,82px);line-height:1.02;letter-spacing:-.04em;margin:0;font-weight:900}.hero h1 em,h2 em{color:var(--orange);font-style:normal}.hero-description{max-width:460px;color:#596168;line-height:1.9;font-size:16px;margin:27px 0}.hero-actions{display:flex;gap:11px}.button{display:inline-flex;align-items:center;gap:30px;padding:14px 17px;font-size:15px;font-weight:700}.button-primary{background:var(--ink);color:var(--paper)}.button-primary:hover{background:var(--orange)}.button-quiet{border:1px solid var(--line)}.button span{font-size:18px}.hero-meta{font-size:12px;color:var(--muted);margin-top:44px;display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:#a6c900}.hero-meta i{width:1px;height:12px;background:var(--line);margin:0 4px}.hero-logo{display:block;width:min(100%,270px);height:auto;margin:0 auto;filter:drop-shadow(0 18px 32px rgba(15,23,42,.28))}.visual-label{position:absolute;left:18%;top:17%;font:700 12px/1.05 'Barlow Condensed';letter-spacing:.12em;color:var(--muted);transform:rotate(-8deg)}.visual-label strong{font-size:31px;color:var(--ink)}.card-stack{position:relative;width:270px;height:350px;transform:rotate(7deg)}.playing-card{position:absolute;width:192px;height:280px;border:7px solid var(--ink);background:var(--ink);box-shadow:12px 15px 0 rgba(17,24,32,.15)}.card-back{left:1px;top:37px;transform:rotate(-17deg);background:var(--orange);color:var(--ink);display:grid;place-items:center;align-content:center;border-color:var(--orange);font:800 54px 'Barlow Condensed';outline:1px solid var(--ink);outline-offset:-14px}.card-back small{font:700 8px 'Barlow Condensed';letter-spacing:.2em}.card-featured{right:0;top:0;z-index:2;transform:rotate(9deg);background:#e6e5db}.card-art{height:184px;background:linear-gradient(140deg,#152d4d 12%,#b2d4db 13%,#e37b56 53%,#19273a 54%);position:relative}.card-art:after{content:'RX-78';position:absolute;bottom:12px;left:20px;color:white;font:800 35px 'Barlow Condensed';opacity:.8}.card-info{padding:10px;color:var(--ink)}.card-info b{font:700 9px 'Barlow Condensed';color:var(--orange)}.card-info strong{font:800 21px 'Barlow Condensed';display:block}.card-info small{font-size:8px;color:var(--muted)}.card-chip{position:absolute;z-index:3;bottom:14px;left:45px;background:var(--acid);padding:8px 12px;font:800 18px 'Barlow Condensed';box-shadow:4px 4px 0 var(--ink)}.card-chip span{font-size:8px;letter-spacing:.12em;margin-left:5px}.orbit{position:absolute;border:1px solid #c6c9bc;border-radius:50%;width:380px;height:120px;transform:rotate(-28deg)}.orbit-two{width:500px;height:180px;transform:rotate(40deg)}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;padding:27px 0;margin-bottom:140px}.stats>div{border-right:1px solid var(--line);padding-left:27px}.stats>div:first-child{padding-left:0}.stats strong{display:block;font:800 43px 'Barlow Condensed'}.stats strong span{color:var(--orange)}.stats small{font-size:13px;color:var(--muted)}.stats-note{border:0!important;font-size:18px;line-height:1.8;color:var(--muted);text-align:right}.stats-note b{color:var(--ink)}.feature-section{display:grid;grid-template-columns:35% 65%;gap:40px;margin-bottom:150px}.section-heading h2,.links-intro h2,.builder-copy h2{font-size:54px}.section-heading>p:last-child,.builder-copy>p:last-of-type{font-size:15px;line-height:1.9;color:var(--muted);max-width:250px;margin-top:25px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature-panel{min-height:360px;padding:27px;position:relative}.collection-panel{background:var(--ink);color:var(--paper)}.filter-panel{background:var(--acid)}.panel-number{position:absolute;top:25px;right:27px;font:700 14px 'Barlow Condensed';opacity:.55}.panel-icon{font-size:33px;font-family:serif;margin-bottom:30px}.feature-panel h3{font-size:28px;line-height:1.2;margin:44px 0 15px}.feature-panel p{font-size:14px;line-height:1.8;opacity:.7}.tag-row,.filter-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:20px}.tag-row span,.filter-chips span{font:700 12px 'Barlow Condensed';border:1px solid currentColor;padding:4px 7px}.panel-link{position:absolute;bottom:25px;left:27px;font-size:20px;font-weight:700}.panel-link b{font-size:20px;margin-left:25px}.filter-top{display:flex;align-items:center;justify-content:space-between;font:700 14px 'Barlow Condensed';letter-spacing:.1em}.filter-top .panel-icon{margin:0}.filter-panel h3{font-size:28px;margin-top:44px}.fake-search{background:rgba(255,255,255,.45);padding:12px;color:#596168;font-size:13px;margin-top:28px}.fake-search b{float:right;font-size:20px;color:var(--ink);line-height:10px}.builder-section{background:var(--ink);color:var(--paper);padding:120px 0;margin-bottom:145px}.builder-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.builder-copy p{color:#a8afb0}.deck-preview{border:1px solid #536067;background:#202a30;padding:16px;transform:rotate(3deg);box-shadow:16px 18px 0 var(--acid);max-width:450px}.deck-header,.deck-footer{display:flex;justify-content:space-between;font:700 11px 'Barlow Condensed';letter-spacing:.1em}.deck-header strong{color:var(--acid)}.deck-header i{color:var(--orange);font-style:normal}.deck-body{background:#f4f1e9;color:var(--ink);margin:16px 0;padding:30px 24px;display:flex;align-items:center;gap:30px}.deck-count strong{font:800 68px 'Barlow Condensed';line-height:.8;display:block}.deck-count small{font:700 10px 'Barlow Condensed';letter-spacing:.12em}.count-bar{height:5px;background:#cfd0c8;width:150px;margin:18px 0 7px}.count-bar i{display:block;width:36%;height:100%;background:var(--orange)}.deck-count span{font-size:10px;color:var(--muted)}.mini-cards{display:grid;grid-template-columns:repeat(3,38px);gap:5px}.mini-cards i{height:56px;background:linear-gradient(140deg,#22415b,#ff6b3d);border:2px solid var(--ink)}.mini-cards i:nth-child(2){background:linear-gradient(140deg,#e4ebf0,#173b65)}.mini-cards i:nth-child(3){background:linear-gradient(140deg,#d9f34a,#db583b)}.mini-cards i:nth-child(n+4){opacity:.55}.links-section{display:grid;grid-template-columns:35% 65%;gap:40px;margin-bottom:140px}.link-list{border-top:1px solid var(--line);font-size:15px}.link-list a{display:grid;grid-template-columns:45px 1fr 1fr 25px;align-items:center;gap:10px;padding:18px 0;border-bottom:1px solid var(--line)}.link-index{font:700 14px 'Barlow Condensed';color:var(--orange)}.link-list b{font-size:15px}.link-list small{font:700 12px 'Barlow Condensed';letter-spacing:.12em;color:var(--muted)}.link-list>a>span:last-child{font-size:18px;text-align:right}.footer{border-top:1px solid var(--line);padding:30px 0 50px;display:flex;align-items:center;justify-content:space-between}.footer p{font-size:10px;line-height:1.8;color:var(--muted)}.footer-note{font:700 12px 'Barlow Condensed';letter-spacing:.12em;color:var(--muted)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}.reveal-delay-2{transition-delay:.22s}
@media(max-width:760px){.section-wrap,.topbar{width:calc(100% - 36px)}.topbar{height:70px}.nav-links{display:none}.hero{display:block;padding-top:70px;min-height:850px}.hero h1{font-size:57px}.hero-description{font-size:13px}.hero-meta{margin-top:30px}.stats{grid-template-columns:repeat(3,1fr);margin-bottom:90px;gap:0}.stats>div{padding-left:12px}.stats strong{font-size:32px}.stats-note{display:none}.feature-section,.links-section,.builder-layout{display:block;margin-bottom:90px}.section-heading{margin-bottom:40px}.section-heading h2,.links-intro h2,.builder-copy h2{font-size:46px}.feature-grid{grid-template-columns:1fr}.feature-panel{min-height:340px}.builder-section{padding:85px 0;margin-bottom:90px}.builder-copy{margin-bottom:50px}.deck-preview{box-shadow:9px 10px 0 var(--acid)}.links-intro{margin-bottom:45px}.link-list a{grid-template-columns:34px 1fr 25px}.link-list small{display:none}.footer{display:block}.footer p{margin:25px 0}.footer-note{display:block}.hero-actions{flex-wrap:wrap}}

/* Match the existing GCG tool: dark workspace, white surfaces and blue actions. */
:root{--ink:#f8fafc;--paper:#2f2f2f;--acid:#007bff;--orange:#60a5fa;--muted:#cbd5e1;--line:#475569}
body{background:#2f2f2f;color:#f8fafc;font-family:'Noto Sans SC',sans-serif}
.topbar{width:100%;padding:0 max(20px,calc((100% - 1280px)/2));border-bottom:1px solid #475569;background:#1f2937}
.topbar .brand{display:block;flex:none;line-height:0}
.brand-logo{display:block;width:720px;height:auto}
.brand-mark{background:#007bff;color:#fff;transform:none;border-radius:6px}
.brand strong{font:700 18px 'Noto Sans SC',sans-serif;letter-spacing:0}
.brand small{color:#94a3b8;letter-spacing:.08em}
.nav-links a,.language,.icon-button{color:#e5e7eb}
.language,.icon-button{border-color:#475569;border-radius:6px}
.language-picker{position:relative}.language-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:10;display:none;min-width:136px;padding:5px;background:#1f2937;border:1px solid #475569;border-radius:6px;box-shadow:0 12px 24px rgba(15,23,42,.3)}.language-picker.open .language-menu{display:block}.language-menu button{display:block;width:100%;border:0;background:transparent;padding:8px 10px;color:#e5e7eb;text-align:left;font:500 12px 'Noto Sans SC',sans-serif;cursor:pointer;border-radius:4px}.language-menu button:hover,.language-menu button[aria-current="true"]{background:#334155;color:#fff}
.hero{width:100%;max-width:none;padding:70px max(20px,calc((100% - 1160px)/2));background:#2f2f2f}
.eyebrow{font-family:'Noto Sans SC',sans-serif;letter-spacing:.08em;color:#94a3b8}
.eyebrow span{background:#007bff}
.hero h1,h2{letter-spacing:-.02em}
.hero h1 em,h2 em{color:#60a5fa}
.hero-description,.section-heading>p:last-child,.builder-copy>p:last-of-type{color:#cbd5e1}
.button{border-radius:6px;gap:18px}
.button-primary{background:#007bff;color:#fff}
.button-primary:hover{background:#2563eb}
.button-quiet{border-color:#64748b;color:#e2e8f0}
.hero-meta{color:#94a3b8;font-size:14px}
.orbit{border-color:#475569}
.playing-card{border-color:#f8fafc;box-shadow:12px 15px 0 rgba(15,23,42,.35);border-radius:6px;overflow:hidden}
.card-back{background:#1e3a8a;color:#fff;border-color:#60a5fa;outline-color:#93c5fd}
.card-featured{background:#f8fafc}
.card-art{background:linear-gradient(140deg,#1e3a8a 12%,#bfdbfe 13%,#60a5fa 53%,#172554 54%)}
.card-info{color:#111827}
.card-info b{color:#2563eb}
.card-chip{background:#007bff;color:#fff;box-shadow:4px 4px 0 #0f172a;border-radius:4px}
.stats{border-color:#475569}
.stats>div{border-color:#475569}
.stats strong{font-family:'Noto Sans SC',sans-serif}
.stats small,.stats-note{color:#cbd5e1}
.feature-panel{border:1px solid #475569;border-radius:8px}
.collection-panel{background:#0f172a}
.collection-panel{color:#f8fafc}
.filter-panel{background:#eff6ff;color:#1e3a8a;border-color:#bfdbfe}
.filter-panel p{color:#334155}
.fake-search{background:#fff;border:1px solid #cbd5e1;color:#64748b;border-radius:6px}
.builder-section{background:#1f2937;color:#f8fafc;border-top:1px solid #475569;border-bottom:1px solid #475569}
.builder-copy h2,.builder-copy .eyebrow{color:#f8fafc}
.deck-preview{background:#0f172a;border-color:#475569;border-radius:8px;box-shadow:16px 18px 0 #007bff}
.deck-body{border-radius:6px}
.link-list,.link-list a{border-color:#475569}
.footer{border-color:#475569}
.footer p,.footer-note{color:#94a3b8}
@media(max-width:760px){.hero{padding-left:18px;padding-right:18px}.topbar{padding:0 18px}.brand-logo{width:112px}.deck-preview{box-shadow:9px 10px 0 #007bff}}

.footer p{width:60%;font-size:15px}

.dictionary-section{padding-top:70px;padding-bottom:90px;display:block;min-height:auto}
.dict-search{margin:28px 0 32px;max-width:420px}
.dict-search input{width:100%;padding:12px 16px;background:#0f172a;border:1px solid #475569;border-radius:6px;color:#f8fafc;font:500 14px 'Noto Sans SC',sans-serif}
.dict-search input::placeholder{color:#94a3b8}
.dict-table-wrap{overflow-x:auto;border:1px solid #475569;border-radius:8px}
.dict-table{width:100%;border-collapse:collapse;font-size:14px}
.dict-table th,.dict-table td{padding:14px 18px;text-align:left;border-bottom:1px solid #475569;white-space:nowrap}
.dict-table th{background:#1f2937;color:#94a3b8;font:700 12px 'Noto Sans SC',sans-serif;letter-spacing:.06em;text-transform:uppercase}
.dict-table tbody tr:last-child td{border-bottom:none}
.dict-table tbody tr:hover{background:#1f2937}
.dict-empty{padding:24px 0;color:#94a3b8}
@media(max-width:760px){.dict-table th,.dict-table td{padding:10px 12px;font-size:13px}}