:root{--deep:#174f56;--accent:#2c7978;--gold:#b38b45;--ink:#263b3e;--muted:#66797b;--line:#d5dfdc;--paper:#fff;--wash:#edf5f3}*{box-sizing:border-box}body{margin:0;background:#f7f8f5;color:var(--ink);font:16px/1.6 "PingFang SC","Microsoft YaHei","Noto Sans Thai","Yu Gothic",system-ui,sans-serif}.center-header,.center-wrap{width:min(1160px,calc(100% - 40px));margin:auto}.center-header{display:flex;align-items:center;justify-content:space-between;min-height:104px;border-bottom:1px solid var(--line)}.center-brand{display:flex;align-items:center;gap:13px;color:var(--ink);font-weight:800;text-decoration:none}.center-brand b{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--deep);color:#fff;font:600 1.8rem Georgia,serif}.center-header nav{display:flex;gap:17px;align-items:center}.center-header nav a,.center-header nav button{border:0;background:transparent;color:var(--muted);font:800 .9rem/1 inherit;text-decoration:none;cursor:pointer}.center-wrap{padding:52px 0 88px}.center-hero{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.center-hero p,.section-heading p{margin:0;color:var(--accent);font-size:.7rem;font-weight:900;letter-spacing:.14em}.center-hero h1{margin:6px 0;color:var(--deep);font:700 clamp(3rem,6vw,5.4rem)/1.05 "PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:-.07em}.center-hero strong{display:block;font-size:1.05rem}.center-hero div>span{display:block;max-width:700px;margin-top:7px;color:var(--muted)}.center-hero aside{display:grid;gap:1px;min-width:190px;padding:17px 21px;border-left:3px solid var(--gold);background:#fbf6e9}.center-hero aside b{color:var(--deep);font:600 2.4rem/1 Georgia,serif}.center-hero aside span{color:#7b705c;font-size:.78rem}.center-message{min-height:1.4em;color:#a14d43}.center-overview,.language-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.center-overview{margin:26px 0 54px}.center-overview article,.language-card{border:1px solid var(--line);background:var(--paper)}.center-overview article{display:grid;gap:4px;padding:17px}.center-overview span,.center-overview small{color:var(--muted);font-size:.78rem}.center-overview b{color:var(--deep);font:600 2rem Georgia,serif}.center-section{margin-top:48px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid var(--line)}.section-heading h2{margin:4px 0 0;color:var(--deep);font:600 1.75rem Georgia,"Microsoft YaHei",serif}.section-heading>span{color:var(--muted);font-size:.78rem}.language-card{padding:18px}.language-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.language-card-head span{color:var(--accent);font-size:.7rem;font-weight:900;letter-spacing:.1em}.language-card-head b{color:var(--deep);font-size:1.15rem}.language-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:18px 0 13px}.language-metrics div{display:grid;gap:2px}.language-metrics strong{color:var(--deep);font:600 1.25rem Georgia,serif}.language-metrics small,.language-card p{color:var(--muted);font-size:.72rem}.language-card p{margin:0}.language-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}.language-actions a{padding:7px 9px;border:1px solid #b9cfca;color:var(--deep);font-size:.75rem;font-weight:800;text-decoration:none}.language-actions a:first-child{border-color:var(--deep);background:var(--deep);color:#fff}.center-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.center-columns>article{min-width:0}.queue-list{display:grid;gap:7px}.queue-list a{display:grid;gap:1px;padding:12px 14px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none}.queue-list a:hover{border-color:var(--accent);background:#f2f8f6}.queue-list span,.queue-list small{color:var(--muted);font-size:.74rem}.queue-list b{color:var(--deep)}.center-empty{margin:0;padding:23px;border:1px dashed #adc3bf;color:var(--muted);font-size:.84rem}@media(max-width:820px){.center-overview,.language-grid{grid-template-columns:1fr 1fr}.center-columns{grid-template-columns:1fr}}@media(max-width:580px){.center-header,.center-wrap{width:min(100% - 24px,1160px)}.center-header{min-height:82px}.center-header nav{gap:12px}.center-hero{align-items:flex-start;flex-direction:column}.center-hero aside{min-width:0;width:100%}.center-overview,.language-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.language-metrics{grid-template-columns:repeat(4,1fr)}}