@font-face{font-family:Anuphan;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/b86b71495302ed8f-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Anuphan;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/28ed2746e72fcf41-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Anuphan;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ce8d4b74114316ca-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Anuphan;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/d877add5adc7a711-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Anuphan;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/b86b71495302ed8f-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Anuphan;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/28ed2746e72fcf41-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Anuphan;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/ce8d4b74114316ca-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Anuphan;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/d877add5adc7a711-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Anuphan;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b86b71495302ed8f-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Anuphan;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/28ed2746e72fcf41-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Anuphan;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/ce8d4b74114316ca-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Anuphan;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/d877add5adc7a711-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Anuphan Fallback;src:local("Arial");ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.00%;size-adjust:101.17%}.__className_9c5bb3{font-family:Anuphan,Anuphan Fallback;font-style:normal}.__variable_9c5bb3{--font-anuphan:"Anuphan","Anuphan Fallback"}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f8092a6a9ad7a44c-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/96ad5eed80b1484c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/0ab56aae8cf76709-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a1a058a3e6543db0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/1f1bc71f0d981582-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/21b3ec5f6f7ed992-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/760a9ea75c6166f6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/21502afb5d341639-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Sarabun Fallback;src:local("Arial");ascent-override:109.45%;descent-override:23.78%;line-gap-override:0.00%;size-adjust:97.58%}.__className_d38233{font-family:Sarabun,Sarabun Fallback;font-style:normal}.__variable_d38233{--font-sarabun:"Sarabun","Sarabun Fallback"}:root{--color-retail:#0055a1;--color-wholesale:#e40051;--color-general:#6f6c63;--color-all:#212529;--color-highlight:#ffcb00;--retail-tint-bg:#eaf1f8;--retail-tint-border:#cbddee;--wholesale-tint-bg:#fdeff4;--wholesale-tint-border:#f6cede;--general-tint-bg:#f0efe9;--general-tint-border:#e4e2db;--page-bg:#f7f7f7;--card-bg:#ffffff;--text:#212529;--text-muted:#6b7280;--border:#e5e7eb;--success:#20a612;--error:#e51a3c;--switch-on:#7cc61e;--admin-sidebar:#26241f;--text-secondary:#495057;--text-tertiary:#868e96;--radius:8px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(0,0,0,0.1);--shadow-sm:0 2px 8px rgba(0,0,0,0.1);--shadow-md:0 4px 16px rgba(0,0,0,0.15);--shadow-lg:0 8px 28px rgba(0,0,0,0.18);--shadow-card:var(--shadow-sm);--transition:0.15s ease;--max-width:1160px;--content-width:860px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{color:var(--text);background:var(--page-bg);font-family:var(--font-sarabun),system-ui,"Noto Sans Thai",sans-serif;line-height:1.6;font-size:16px}h1,h2,h3,h4,h5,h6{font-family:var(--font-anuphan),system-ui,"Noto Sans Thai",sans-serif;font-weight:600;line-height:1.3;margin:0 0 .5em;color:var(--text)}h1{font-size:32px}h2{font-size:24px}h3{font-size:20px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-anuphan),system-ui,sans-serif;cursor:pointer}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:var(--radius);padding:10px 18px;font-weight:600;font-size:15px;transition:transform var(--transition),background var(--transition)}.btn:active{transform:scale(.98)}.btn:hover{text-decoration:none}.btn-retail{background:var(--color-retail);color:#fff}.btn-wholesale{background:var(--color-wholesale);color:#fff}.btn-ghost{background:transparent;color:var(--text)}.btn-ghost,.card{border:1px solid var(--border)}.card{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.article-layout{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);grid-gap:32px;gap:32px;align-items:start}.article-nav-desktop{align-self:start;max-height:calc(100vh - 96px);overflow-y:auto;padding-right:2px}.article-nav-desktop,.article-toc{position:-webkit-sticky;position:sticky;top:80px}.seg{background:#f2f1eb;border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px;gap:2px}.seg,.seg button{display:inline-flex}.seg button{align-items:center;gap:5px;border:none;background:transparent;border-radius:var(--radius-pill);padding:5px 14px;font-family:var(--font-anuphan),sans-serif;font-weight:600;font-size:13px;color:var(--text-muted);cursor:pointer;transition:background var(--transition),color var(--transition)}.seg button[data-active=true]{background:#fff;color:var(--color-wholesale);box-shadow:var(--shadow-xs)}.edtool{width:34px;height:34px;border-radius:var(--radius-sm);background:transparent;border:none;display:inline-flex;align-items:center;justify-content:center;color:#5c5950;cursor:pointer;transition:background var(--transition)}.edtool:hover{background:#e8e6df}.edtool[data-active=true]{background:var(--wholesale-tint-bg);color:var(--color-wholesale)}.iconbtn{transition:background var(--transition),color var(--transition)}.iconbtn:hover{background:#e8e6df;color:var(--color-wholesale)}.lift{transition:transform .1s ease,box-shadow var(--transition)}.lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.zone-card{transition:transform .1s ease,box-shadow var(--transition)}.zone-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.category-nav{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);overflow:hidden}.category-nav button:hover{filter:brightness(.98)}.cq-screen{container-type:inline-size}.admin-toast{position:fixed;left:50%;bottom:32px;transform:translateX(-50%);z-index:1000;display:inline-flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);background:var(--admin-sidebar);color:#fff;font-family:var(--font-anuphan),sans-serif;font-weight:600;font-size:16px;line-height:1.3;padding:15px 26px;border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.28);animation:admin-toast-in .22s ease-out}@keyframes admin-toast-in{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.admin-toast{animation:none}}.tag{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-anuphan),sans-serif;font-weight:600;font-size:11px;color:#6f6c63;background:#f2f1eb;border-radius:5px;padding:3px 8px}.tag .msr{font-size:14px}.msr{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;display:inline-flex;vertical-align:middle;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.catlayout{display:flex;gap:32px;align-items:flex-start}.catside{width:220px;flex:none}.catmain{flex:1 1;min-width:0}.catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:18px;gap:18px}.catmobtrigger{margin-bottom:18px}.artmobnav,.catmobtrigger{display:none;width:100%;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:13px 15px;font-family:var(--font-anuphan),sans-serif;font-weight:600;font-size:14px;color:#3a3831;text-align:left}.artmobnav{margin-bottom:14px}.tocmob{display:none;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;margin-bottom:20px;overflow:hidden}.tocmob-head{display:flex;align-items:center;gap:9px;width:100%;padding:12px 14px;border:none;background:transparent;cursor:pointer;font-family:var(--font-anuphan),sans-serif;font-weight:600;font-size:13.5px;color:#3a3831}.tocmob-body{padding:2px 14px 12px 16px;border-top:1px solid var(--border)}.tocmob-body .article-toc{position:static;top:auto}.readmore{grid-column:2;max-width:var(--content-width);background:#f7f6f1;border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:12px}.readmore-head{display:flex;align-items:center;gap:8px;font-family:var(--font-anuphan),sans-serif;font-weight:700;font-size:15px;color:var(--text)}.readmore-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.readmore-card{min-width:0;display:flex;align-items:center;gap:12px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:13px 14px;transition:border-color .12s ease,box-shadow .12s ease}.readmore-card:hover{border-color:var(--text-tertiary);box-shadow:var(--shadow-xs)}.readmore-card-main{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1}.readmore-card-title{font-family:var(--font-anuphan),sans-serif;font-weight:700;font-size:14.5px;color:var(--text);line-height:1.4}.readmore-card-meta{font-size:12.5px;color:var(--text-tertiary)}.readmore-card-arrow{color:var(--text-tertiary);flex:none}.article-end{display:none;align-items:center;gap:12px;margin:36px 0 4px;color:var(--text-tertiary);font-family:var(--font-anuphan),sans-serif;font-weight:600;font-size:13px}.article-end-line{flex:1 1;height:1px;background:var(--border)}.share-pop{position:absolute;top:calc(100% + 8px);left:0;z-index:20;width:min(320px,calc(100vw - 40px));padding:16px;box-shadow:var(--shadow-md);text-align:left}@media (max-width:640px){.share-pop{position:fixed;top:auto;left:16px;right:16px;bottom:16px;width:auto;box-shadow:var(--shadow-lg)}}@container (max-width: 760px){.catlayout{flex-direction:column;gap:20px}.catside{display:none}.catgrid{grid-template-columns:1fr}.catmobtrigger{display:flex}.article-layout{grid-template-columns:1fr}.article-nav-desktop{display:none}.readmore{grid-column:1;max-width:none}.readmore-list{grid-template-columns:1fr}.artmobnav{display:flex}.tocmob{display:block}.article-end{display:flex}}.nav-menu-btn{display:none;width:34px;height:34px;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:#f2f1eb;color:#44546f;flex:none}@media (max-width:760px){.nav-menu-btn{display:inline-flex}}.navdrawer-scrim{position:fixed;inset:0;background:rgba(9,30,66,.45);z-index:60;display:flex}.navdrawer-panel{width:308px;max-width:86%;height:100%;background:#fff;display:flex;flex-direction:column;box-shadow:8px 0 34px rgba(0,0,0,.2);animation:navdrawer-in .18s ease-out}@keyframes navdrawer-in{0%{transform:translateX(-24px);opacity:.5}to{transform:translateX(0);opacity:1}}.icon{display:inline-block;vertical-align:middle;flex:none}.markdown{font-size:17px;line-height:1.7}.markdown h2[id],.markdown h3[id]{scroll-margin-top:96px}.markdown h2{font-size:22px;margin-top:1.4em}.markdown.stepped{counter-reset:step}.markdown.stepped h2{counter-increment:step;display:flex;align-items:center;gap:14px;font-size:18px;margin-top:1.6em}.markdown.stepped h2:before{content:counter(step);flex:none;width:30px;height:30px;border-radius:50%;background:var(--article-accent,var(--color-retail));color:#fff;font-family:var(--font-anuphan),sans-serif;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center}.markdown.stepped h2~.zoomable-img,.markdown.stepped h2~img,.markdown.stepped h2~ol,.markdown.stepped h2~p,.markdown.stepped h2~ul{margin-left:44px}.markdown.stepped h2~.zoomable-img,.markdown.stepped h2~img{max-width:calc(100% - 44px)}.markdown h3{font-size:18px;margin-top:1.2em}.markdown p{margin:0 0 1em}.markdown img{max-width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border)}.zoomable-img{position:relative;display:inline-block;max-width:100%;line-height:0;vertical-align:top}.zoomable-img>img{display:block;cursor:zoom-in}.zoom-badge{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;background:rgba(20,22,25,.72);color:#fff;font-family:var(--font-anuphan),sans-serif;font-size:12px;font-weight:600;line-height:1;pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity .15s ease,transform .15s ease}.zoomable-img:hover .zoom-badge{opacity:1;transform:none}.lightbox{position:fixed;inset:0;z-index:80;background:rgba(15,18,20,.9);animation:lb-veil-in .18s ease-out}.lightbox-viewport{position:absolute;inset:0;display:flex;align-items:safe center;justify-content:safe center;padding:40px;box-sizing:border-box;overflow:auto;touch-action:pinch-zoom;-webkit-overflow-scrolling:touch}.lightbox-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 12px 48px rgba(0,0,0,.5);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;animation:lb-img-in .22s ease-out}.lightbox-close{position:fixed;top:20px;right:20px;width:44px;height:44px;border-radius:50%;border:none;background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.lightbox-close:hover{background:rgba(255,255,255,.26)}.lightbox-nav{position:fixed;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:none;background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.lightbox-nav:hover{background:rgba(255,255,255,.26)}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-prev .icon{transform:rotate(180deg)}.lightbox-dots{display:none;position:fixed;left:50%;bottom:54px;transform:translateX(-50%);gap:7px;align-items:center;z-index:2}.lightbox-dot{box-sizing:content-box;width:7px;height:7px;padding:9px 5px;border:none;border-radius:999px;background:rgba(255,255,255,.45);background-clip:content-box;cursor:pointer;transition:width .2s ease,background .2s ease}.lightbox-dot.is-active{width:22px;background:var(--color-wholesale);background-clip:content-box}.lightbox-hint{display:none;position:fixed;left:50%;bottom:18px;transform:translateX(-50%);padding:6px 14px;border-radius:999px;background:rgba(0,0,0,.42);color:rgba(255,255,255,.85);font-family:var(--font-anuphan),sans-serif;font-size:12px;pointer-events:none;white-space:nowrap;z-index:2}@keyframes lb-veil-in{0%{opacity:0}to{opacity:1}}@keyframes lb-img-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (hover:none),(max-width:760px){.lightbox-nav{display:none}.lightbox-dots{display:flex}.lightbox-hint{display:block}.zoom-badge{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.lightbox,.lightbox-img{animation:none}}.markdown iframe{display:block;width:100%;max-width:640px;aspect-ratio:16/9;height:auto;border:0;border-radius:var(--radius);margin:0 0 1em}.markdown .embed{margin:0 0 1em}.markdown .embed iframe{margin:0}.editor-doc .embed{position:relative;border-radius:var(--radius);outline:2px solid transparent;transition:outline-color .12s ease}.editor-doc .embed:hover{outline-color:var(--color-wholesale,#0055a1)}.markdown a{color:var(--color-retail);text-decoration:underline}.markdown ol,.markdown ul{padding-left:1.4em;margin:0 0 1em}.markdown li ol,.markdown li ul{margin:.4em 0 0}.markdown li{margin-bottom:.4em}.markdown pre{background:#f4f5f7;padding:12px 14px;border-radius:var(--radius);overflow-x:auto}.markdown code{background:#f4f5f7;padding:1px 5px;border-radius:4px;font-size:.9em}.markdown pre code{background:none;padding:0}.markdown blockquote{margin:0 0 1em;padding-left:14px;border-left:3px solid var(--border);color:var(--text-muted)}.login{display:flex;min-height:100vh;background:var(--card-bg)}.login-brand{flex:1.05 1;position:relative;overflow:hidden;background:linear-gradient(150deg,#e40051,#c60045 52%,#9e0037);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:56px 56px 52px}.login-blob{position:absolute;border-radius:50%;pointer-events:none}.login-form-panel{flex:1 1;display:flex;align-items:center;justify-content:center;padding:40px}.login-form{width:100%;max-width:372px}.login-field{position:relative}.login-field .icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#a7a294;pointer-events:none}.login-input{width:100%;height:46px;padding:0 14px 0 42px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:15px;color:var(--text);font-family:var(--font-sarabun),sans-serif;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.login-input:focus{border-color:var(--color-wholesale);box-shadow:0 0 0 3px rgba(228,0,81,.12)}.login-submit{width:100%;height:48px;border:none;border-radius:var(--radius-md);background:var(--color-wholesale);color:#fff;font-family:var(--font-anuphan),sans-serif;font-weight:700;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background var(--transition),transform var(--transition)}.login-submit:hover:not(:disabled){background:#c60045}.login-submit:active:not(:disabled){transform:scale(.99)}.login-submit:disabled{opacity:.7;cursor:default}@media (max-width:880px){.login-brand{display:none}}.notice{position:relative;margin:0 0 18px;padding:13px 15px 13px 46px;border-radius:8px;font-size:14.5px;line-height:1.6}.notice>:first-child{margin-top:0}.notice>:last-child{margin-bottom:0}.notice:before{position:absolute;left:15px;top:12px;font-size:18px;line-height:1.4}.notice-info{background:#eaf2fb;color:#1c4e86}.notice-info:before{content:"ℹ️"}.notice-success{background:#e9f7e7;color:#1c6b16}.notice-success:before{content:"✅"}.notice-warning{background:#fff4e0;color:#8a5a00}.notice-warning:before{content:"⚠️"}.notice-tip{background:#fdeef4;color:#a3143f}.notice-tip:before{content:"⭐"}.markdown mark,.notice mark{border-radius:6px;padding:3px 9px;font-family:var(--font-anuphan),sans-serif;font-weight:700;font-size:.85em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.markdown mark,.markdown mark.hl-pink,.notice mark,.notice mark.hl-pink{background:#fdeef4;color:#a3143f}.markdown mark.hl-yellow,.notice mark.hl-yellow{background:#fff5cc;color:#7a5a00}.markdown mark.hl-blue,.notice mark.hl-blue{background:#e5eef6;color:#1c4e86}.markdown mark.hl-green,.notice mark.hl-green{background:#e6f6ea;color:#1b6b16}.markdown mark.hl-gray,.notice mark.hl-gray{background:#edeef0;color:#55585e}.editor-doc{counter-reset:step}.editor-doc h1,.editor-doc h2,.editor-doc h3{position:relative}.editor-doc h1:before,.editor-doc h3:before{position:absolute;left:-44px;top:0;bottom:0;display:flex;align-items:center;font-family:var(--font-anuphan),sans-serif;font-weight:700;font-size:10px;letter-spacing:.04em;color:#c2bfb5;-webkit-user-select:none;-moz-user-select:none;user-select:none}.editor-doc h1:before{content:"H1"}.editor-doc h3:before{content:"H3"}.editor-doc h2{counter-increment:step}.editor-doc h2:before{content:counter(step);position:absolute;left:-46px;top:1px;width:26px;height:26px;border-radius:50%;background:var(--article-accent,var(--color-retail));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-anuphan),sans-serif;font-weight:700;font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.insmenu{position:absolute;z-index:30;top:40px;right:0;background:#fff;border:1px solid #e3e1da;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.16);padding:6px;width:224px}.insitem{display:flex;align-items:center;gap:11px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:7px;cursor:pointer;text-align:left;font-family:var(--font-sarabun),sans-serif;font-size:14px;color:#2b2925;transition:background .1s ease}.insitem:hover{background:#f4f3ee}.insgrouplbl{font-family:var(--font-anuphan),sans-serif;font-weight:700;font-size:10px;letter-spacing:.07em;color:#a7a294;padding:9px 10px 4px}.insdiv{height:1px;background:#eeece6;margin:5px 4px}.pop{position:absolute;z-index:31;top:42px;background:#fff;border:1px solid #e3e1da;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.16);padding:12px}.poplbl{font-size:11px;font-family:var(--font-anuphan),sans-serif;font-weight:700;letter-spacing:.05em;color:#a7a294;margin-bottom:5px}.popfield{height:36px;width:100%;border:1px solid var(--border-input,#dfe1e6);border-radius:6px;padding:0 11px;font-size:13.5px;font-family:var(--font-sarabun),sans-serif;color:#2b2925;outline:none;box-sizing:border-box}.popfield:focus{border-color:#e40051}.flowbtn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--radius-pill);border:none;background:transparent;color:#b8b4a8;font-family:var(--font-anuphan),sans-serif;font-weight:600;font-size:12.5px;cursor:pointer;transition:background .12s ease,color .12s ease}.flowbtn:hover{filter:brightness(.96)}.embed-overlay{position:fixed;inset:0;background:rgba(9,30,66,.42);z-index:40;display:flex;align-items:flex-start;justify-content:center;padding-top:140px}.embed-card{background:#fff;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.25);width:440px;max-width:90%;padding:22px 24px}.hist-overlay{position:fixed;inset:0;background:rgba(9,30,66,.42);z-index:45;display:flex;justify-content:flex-end}.hist-panel{width:404px;max-width:92%;height:100%;background:#f7f7f7;display:flex;flex-direction:column;box-shadow:-8px 0 30px rgba(0,0,0,.18);animation:hist-slide-in .18s ease-out}@keyframes hist-slide-in{0%{transform:translateX(24px);opacity:.4}to{transform:translateX(0);opacity:1}}.hist-head{flex:none;background:#fff;border-bottom:1px solid #e3e1da;padding:18px 22px;display:flex;align-items:flex-start;justify-content:space-between}.hist-body{flex:1 1;overflow-y:auto;padding:6px 18px 34px}.iconbtn{width:30px;height:30px;border-radius:var(--radius-sm);background:#f2f1eb;border:none;display:inline-flex;align-items:center;justify-content:center;color:#8a877e;cursor:pointer;transition:background .12s ease}.iconbtn:hover{background:#e6e4dc}.coverwrap{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:2/1}.coverwrap>img{width:100%;height:100%;object-fit:cover;display:block}.coverwrap .cover-ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,30,66,.32),rgba(9,30,66,0) 58%);opacity:0;transition:opacity .15s ease;display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;padding:13px}.coverwrap:focus-within .cover-ov,.coverwrap:hover .cover-ov{opacity:1}.covbtn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;border:none;border-radius:8px;background:rgba(255,255,255,.95);color:#172b4d;font-family:var(--font-anuphan),sans-serif;font-weight:600;font-size:13px;cursor:pointer;box-shadow:0 1px 5px rgba(0,0,0,.22)}.covbtn:disabled{opacity:.6;cursor:default}.covbtn.danger{color:#e51a3c}.dropcover{border:1.5px dashed #c9c5bb;border-radius:10px;background:#faf9f6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;aspect-ratio:2/1;max-height:320px;cursor:pointer;color:#8a877e;text-align:center;transition:border-color .15s,background .15s}.dropcover:hover{border-color:#a7a294;background:#f4f3ee}.hero-caret{display:inline-block;width:2px;height:1.1em;margin-left:2px;background:currentColor;vertical-align:-2px;animation:hero-caret-blink 1s steps(1) infinite}@keyframes hero-caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.hero-caret{animation:none}}.skel{position:relative;overflow:hidden;background:#ecebe6;border-radius:8px}.skel:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);animation:skel-shimmer 1.3s infinite}@keyframes skel-shimmer{to{transform:translateX(100%)}}.top-progress{position:absolute;top:0;left:0;right:0;height:3px;overflow:hidden;background:rgba(228,0,81,.12);z-index:20}.top-progress:before{content:"";position:absolute;height:100%;width:42%;border-radius:3px;background:linear-gradient(90deg,var(--color-wholesale),#ff7fb2);animation:top-progress-slide 1.05s ease-in-out infinite}@keyframes top-progress-slide{0%{left:-42%}to{left:100%}}.brand-dot{width:11px;height:11px;border-radius:50%;background:var(--color-wholesale);display:inline-block;animation:brand-bounce 1.2s ease-in-out infinite both}.brand-dot:first-child{animation-delay:-.24s}.brand-dot:nth-child(2){animation-delay:-.12s}@keyframes brand-bounce{0%,80%,to{transform:scale(.5);opacity:.35}40%{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){.brand-dot,.skel:after,.top-progress:before{animation:none}.top-progress:before{left:0;width:100%}.brand-dot{opacity:.7}}@media (max-width:640px){.hide-sm{display:none!important}}