.art-lead{border:1px solid var(--line);background:linear-gradient(150deg,var(--panel) 0%,var(--bg-2) 70%);border-radius:16px;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);margin:2px 0 26px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;overflow:hidden}.art-lead:hover{border-color:var(--purple-2);transform:translateY(-3px);box-shadow:0 16px 36px #0009}.al-body{flex-direction:column;justify-content:center;align-items:flex-start;gap:max(9px,min(1.1vw,14px));padding:max(20px,min(3vw,38px));display:flex}.al-badge{font-family:var(--pixel);letter-spacing:1px;color:#1a0733;background:linear-gradient(180deg,#fde68a,var(--yellow));border-radius:20px;padding:6px 11px;font-size:7px}.art-cat.static{box-shadow:none;position:static}.al-body h2{color:var(--txt);font-size:max(17px,min(2.2vw,29px));line-height:1.45}.al-body p{color:var(--txt-dim);-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:46ch;font-size:max(13px,min(1.15vw,15px));line-height:1.9;display:-webkit-box;overflow:hidden}.al-meta{color:var(--txt-dim);align-items:center;gap:9px;font-size:12.5px;display:flex}.al-meta i{background:var(--txt-dim);border-radius:50%;width:4px;height:4px}.al-cta{font-family:var(--pixel);letter-spacing:.5px;color:#fff;background:linear-gradient(180deg,var(--purple-2),var(--purple));border-radius:8px;margin-top:2px;padding:11px 20px;font-size:8px;transition:all .13s;box-shadow:0 4px #4c1d95}.art-lead:hover .al-cta{transform:translateY(2px);box-shadow:0 2px #4c1d95}.al-art{background-position:50%;background-size:cover;min-height:260px;transition:transform .4s;position:relative;overflow:hidden}.al-art:before{content:"";z-index:0;background:repeating-linear-gradient(180deg,#00000057 0 1px,transparent 1px 3px), linear-gradient(90deg,var(--bg-2) 0%,#0a112255 30%,#0a11221f 58%,transparent 78%);position:absolute;top:0;bottom:0;left:0;right:0}.al-art:after{content:"";z-index:1;background-image:inherit;filter:drop-shadow(0 8px 20px #00000080);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;top:0;bottom:0;left:0;right:0}.art-lead:hover .al-art{transform:scale(1.04)}.arl-head{margin-bottom:14px}html[lang=th] .al-badge{letter-spacing:.3px;font-size:9px}.art-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin:6px 0 24px;display:grid}.art-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.art-card:hover{border-color:var(--purple-2);transform:translateY(-3px);box-shadow:0 12px 28px #0006}.art-thumb{aspect-ratio:16/9;background-position:50%;background-size:cover;transition:transform .35s;position:relative;overflow:hidden}.art-card:hover .art-thumb{transform:scale(1.05)}.art-thumb:before{content:"";z-index:0;background:repeating-linear-gradient(#00000057 0 1px,#0000 1px 3px),linear-gradient(#0e18301f,#0e18308c);position:absolute;top:0;bottom:0;left:0;right:0}.art-thumb:after{content:"";z-index:1;background-image:inherit;filter:drop-shadow(0 6px 16px #00000080);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;top:0;bottom:0;left:0;right:0}.art-cat{z-index:3;font-family:var(--pixel);letter-spacing:.3px;color:#fff;background:var(--purple);border-radius:6px;padding:5px 8px;font-size:8px;position:absolute;top:10px;left:10px;box-shadow:0 2px 8px #0006}.art-mins{z-index:1;color:#fff;background:#000000a6;border:1px solid #ffffff2e;border-radius:20px;padding:4px 9px;font-size:11px;position:absolute;top:10px;right:10px}.art-body{flex-direction:column;flex:1;gap:8px;padding:14px 15px 15px;display:flex}.art-body h3{color:var(--txt);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.5;transition:color .15s;display:-webkit-box;overflow:hidden}.art-card:hover .art-body h3{color:var(--cyan)}.art-body p{color:var(--txt-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.7;display:-webkit-box;overflow:hidden}.art-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:10px;font-size:11.5px;display:flex}.art-meta{color:var(--txt-dim)}.art-read{color:var(--cyan);white-space:nowrap;font-weight:700;transition:transform .15s}.art-card:hover .art-read{transform:translate(3px)}.page-head-count{color:var(--txt-dim);margin-top:6px;font-size:12.5px}.art-pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:6px 0 10px;display:flex}.art-pager-slot{align-items:center;gap:8px;display:inline-flex}.art-pager a{border:1px solid var(--line);background:var(--panel);min-width:40px;height:40px;color:var(--txt-dim);border-radius:10px;justify-content:center;align-items:center;padding:0 13px;font-size:13.5px;line-height:1;transition:border-color .16s,color .16s,transform .16s;display:inline-flex}.art-pager a:hover{border-color:var(--purple-2);color:var(--txt);transform:translateY(-2px)}.art-pager a.on{color:#fff;background:linear-gradient(180deg,var(--purple-2),var(--purple));pointer-events:none;border-color:#0000;font-weight:700;box-shadow:0 4px #4c1d95}.art-pager-step{font-size:13px}.art-pager-gap{color:var(--txt-dim);opacity:.6;font-style:normal}@media (max-width:860px){.art-lead{grid-template-columns:1fr}.al-art{order:-1;min-height:190px;-webkit-mask-image:linear-gradient(0deg,#0000 0,#000 26%);mask-image:linear-gradient(0deg,#0000 0,#000 26%)}}@media (max-width:520px){.art-pager{gap:6px}.art-pager a{min-width:34px;height:34px;padding:0 9px;font-size:12.5px}}@media (prefers-reduced-motion:reduce){.art-card:hover .art-thumb,.art-lead:hover .al-art,.art-card:hover .art-read,.art-pager a:hover{transform:none}}.article{max-width:1040px;margin:0 auto;padding:6px 0 8px}.art-hero-wrap{grid-template-columns:1fr minmax(300px,400px);align-items:center;gap:34px;margin-bottom:26px;display:grid}.crumb{color:var(--txt-dim);flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:16px;font-size:12px;display:flex}.crumb a:hover{color:var(--cyan)}.crumb .cur{color:var(--txt)}.art-tag{font-family:var(--pixel);letter-spacing:.4px;color:#04202a;background:linear-gradient(#bef264,#84cc16);border-radius:20px;margin-bottom:14px;padding:8px 14px;font-size:8px;display:inline-block}.article h1{margin-bottom:12px;font-size:max(24px,min(3vw,36px));line-height:1.3}.art-sub{color:var(--txt-dim);max-width:34em;margin-bottom:18px;font-size:15px;line-height:1.8}.art-cta{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.hbtn{border-radius:24px;align-items:center;padding:11px 22px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.hbtn.primary{color:#1a2e05;background:linear-gradient(#bef264,#84cc16);box-shadow:0 6px 16px #84cc1659}.hbtn.primary:hover{transform:translateY(-1px);box-shadow:0 9px 20px #84cc1673}.hbtn.ghost{color:var(--txt);border:1px solid var(--line);background:var(--panel)}.hbtn.ghost:hover{border-color:var(--purple-2)}.art-byline{color:var(--txt-dim);font-size:12px;line-height:1.7}.art-byline b{color:var(--txt)}.art-cover{flex-direction:column;gap:12px;display:flex}.cover-card{place-items:center;display:grid}.cover-card img{border-radius:16px;width:100%;max-width:300px;box-shadow:0 18px 40px #00000080}.art-cover figcaption{text-align:center;color:var(--txt-dim);font-size:12.5px}.art-content{flex-direction:column;gap:14px;max-width:820px;display:flex}.art-specs,.art-summary,.art-verdict{max-width:820px}@media (max-width:760px){.art-hero-wrap{grid-template-columns:1fr;gap:22px}.art-cover{order:-1}.cover-card{padding:20px}.cover-card img{max-width:220px}}.art-content h2{color:var(--txt);margin-top:6px;font-size:17px;line-height:1.5}.art-content p{color:var(--txt-dim);font-size:14px;line-height:1.95}.art-content ul{flex-direction:column;gap:8px;padding-left:4px;display:flex}.art-content li{color:var(--txt-dim);padding-left:20px;font-size:14px;line-height:1.75;position:relative}.art-content li:before{content:"▸";color:var(--cyan);position:absolute;left:2px}.art-missing{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:60px 0;display:flex}.art-missing h1{font-size:18px}.art-specs{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;display:grid}.art-specs .spec{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:4px;padding:11px 12px;display:flex}.spec-k{color:var(--txt-dim);font-size:11px}.spec-v{color:var(--yellow);font-size:14px;line-height:1.35}.art-summary{border:1px solid var(--purple);border-left:4px solid var(--purple-2);background:linear-gradient(#7c3aed29,#7c3aed0f);border-radius:12px;margin-bottom:18px;padding:14px 16px}.as-title{font-family:var(--pixel);color:var(--purple-2);margin-bottom:8px;font-size:9px;display:block}.art-summary p{color:var(--txt);font-size:13.5px;line-height:1.8}.art-verdict{grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;display:grid}.verdict-col{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:14px 16px}.verdict-col h3{margin-bottom:10px;font-size:14px}.verdict-col.pro{border-color:#1f6b3a}.verdict-col.con{border-color:#7a5a17}.verdict-col ul{flex-direction:column;gap:8px;display:flex}.verdict-col li{color:var(--txt-dim);padding-left:16px;font-size:13px;line-height:1.7;position:relative}.verdict-col.pro li:before{content:"•";color:var(--green);position:absolute;left:2px}.verdict-col.con li:before{content:"•";color:var(--yellow);position:absolute;left:2px}@media (max-width:640px){.art-specs{grid-template-columns:repeat(2,1fr)}.art-verdict{grid-template-columns:1fr}}.cms-body .cms-card{background:#12355857;border:1px solid #4678a542;border-radius:16px;margin:16px 0;padding:18px 18px 20px}.cms-body .cms-card-lead{background:#12355838;border-color:#4678a52e}.cms-body .cms-card>:first-child{margin-top:0}.cms-body .cms-card>:last-child{margin-bottom:0}.cms-body .cms-card h2{margin-top:0}@media (max-width:640px){.cms-body .cms-card{border-radius:14px;margin:12px 0;padding:14px 14px 16px}}.cms-hero{background:radial-gradient(120% 90% at 88% 0,#11334f,#11334f00 62%),#081e36;border:1px solid #4678a547;border-radius:24px;grid-template-columns:minmax(0,1fr) 281px;align-items:start;gap:26px;margin:4px 0 22px;padding:max(20px,min(4.4vw,42px));display:grid}.ch-logo{width:auto;height:max(38px,min(7.4vw,68px))}.cms-hero h1{color:#f5ffff;margin:18px 0 0;font-size:max(24px,min(4.6vw,40px));line-height:1.35}html[lang=th] .cms-hero h1{font-size:max(24px,min(4.6vw,40px));line-height:1.35}.ch-lead{color:#bcdeea;max-width:52ch;margin:14px 0 0;font-size:13.5px;line-height:1.9}.ch-cta{flex-wrap:wrap;gap:14px;margin:22px 0 0;display:flex}.ch-btn{color:#eaf6ff;background:#1668ad;border-radius:999px;justify-content:center;align-items:center;min-height:43px;padding:0 26px;font-size:14px;font-weight:700;line-height:1.2;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.ch-btn-main{color:#08203c;background:linear-gradient(90deg,#198cff,#2ba7ff)}.ch-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0a1e3c80}.ch-btn-main:hover{background:linear-gradient(90deg,#2497ff,#43b3ff)}.ch-meta{color:#bdddec;flex-wrap:wrap;gap:14px;margin:24px 0 0;font-size:12px;font-weight:700;display:flex}.ch-cover{background:#0b2138;border:1px solid #4678a557;border-radius:18px;margin:0;padding:11px}.ch-frame{background:#eefff5;border-radius:12px;padding:11px;display:block}.ch-cover .cms-cover{aspect-ratio:auto;border-radius:6px;margin:0}.ch-cover figcaption{text-align:center;letter-spacing:.4px;color:#a3b8cb;margin-top:11px;font-size:11.5px;font-weight:700}@media (max-width:760px){.cms-hero{border-radius:18px;grid-template-columns:1fr;gap:20px}.ch-lead{max-width:none}.ch-meta{gap:10px}}