.latest-section{padding:8px 0 65px}.latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.latest-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:25px}.latest-card h3{font-size:21px;margin:13px 0 10px}.latest-card>p:not(.latest-meta){font-size:14px;color:var(--muted)}.latest-card>a{font-size:13px;color:var(--rose);text-decoration:none}.latest-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;color:var(--muted);font-size:12px}.status-chip{border:1px solid currentColor;border-radius:20px;padding:2px 9px}.status-chip.done{color:#32674c}.status-chip.player{color:#805b16}.status-chip.static{color:#356d88}.status-chip.failed{color:#a13e42}
.filter-reset{align-self:end;min-height:46px;padding:9px 15px;border:1px solid #8b7460;border-radius:6px;background:transparent;color:var(--ink)}.filter-reset:hover{background:#fffaf2}.class-card[hidden]{display:none}.latest-card a:hover,.class-card a:hover{text-decoration:underline}
.eyebrow,.number{color:#6f5736}input,select{border-color:#8b7460}
.comparison{margin-top:55px}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px}.compare-table{width:100%;min-width:680px;border-collapse:collapse;background:var(--card)}.compare-table caption{position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.compare-table th,.compare-table td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line)}.compare-table thead th{background:var(--cream);font-size:13px}.compare-table tbody th{font-size:13px;color:var(--muted)}.compare-table tbody tr:last-child>*{border-bottom:0}.undecided{display:grid;grid-template-columns:210px 1fr;gap:30px;margin-top:24px;padding:28px;background:#f3e3e4;border-radius:12px}.undecided h3{margin:0}.undecided ul{margin:0;padding-left:22px}.undecided li+li{margin-top:6px}
.faq-list{max-width:900px;margin:20px 0 65px}.faq-list details{border-top:1px solid var(--line);padding:20px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{font:600 20px/1.6 "Noto Serif TC","PMingLiU",serif;color:var(--ink);list-style-position:outside;margin-left:20px}.faq-list details[open] summary{color:var(--rose)}.faq-list p{max-width:760px;margin:12px 0 0 20px;color:var(--muted)}
.quiz-result-card{margin:18px 0;padding:22px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.quiz-result-card h3{margin:5px 0 8px}.quiz-result-card p{color:var(--muted)}.quiz-result-card a{font-size:14px;color:var(--rose);text-decoration:none}#quiz-result>.secondary{margin-top:8px}
.nav-toggle{display:none;margin-left:auto;padding:9px 15px;border:1px solid var(--line);border-radius:7px;background:var(--card,#fffaf2);color:var(--ink)}
.footer-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.footer-links a{font-size:13px;text-decoration:none}.footer-links a:hover{text-decoration:underline}
.integration-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:24px 0 0;counter-reset:step}.integration-steps li{padding:25px;background:var(--card);border:1px solid var(--line);border-radius:12px;counter-increment:step}.integration-steps li::before{content:"0" counter(step);display:block;margin-bottom:12px;color:var(--rose);font-weight:800;letter-spacing:.08em}.integration-steps strong{font-family:"Noto Serif TC","PMingLiU",serif;font-size:19px}.integration-steps p{min-height:8em;color:var(--muted)}
@media(max-width:1050px){.latest-grid{grid-template-columns:1fr 1fr}.latest-card:last-child{grid-column:1/-1}}
@media(max-width:760px){.site-header nav{padding:4px 0 8px;scrollbar-width:thin}.latest-grid{grid-template-columns:1fr}.latest-card:last-child{grid-column:auto}.latest-section{padding-bottom:42px}.undecided{grid-template-columns:1fr;gap:8px;padding:22px}.integration-steps{grid-template-columns:1fr}.integration-steps p{min-height:0}}
@media(max-width:760px){.js .site-header{display:flex;flex-wrap:wrap}.js .nav-toggle{display:block}.js .site-header nav{display:none;flex-basis:100%;margin-top:12px}.js .site-header nav.open{display:flex}}
@media(max-width:760px){.footer-links{margin-top:18px}}