.hdr{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);padding:14px 30px}.hdr-in{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:20px}.logo{display:flex;align-items:center;gap:8px;font-size:21px;font-weight:800;color:var(--brand);letter-spacing:-.02em;flex:none}.logo svg{width:26px;height:26px}.psearch{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow);height:48px;overflow:hidden;flex:1;max-width:520px;cursor:pointer}.psearch:hover{box-shadow:var(--shadow-lg)}.psearch .seg2{padding:0 18px;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.psearch .seg2.dim{color:var(--sub);font-weight:500;border-left:1px solid var(--line)}.psearch .go{margin-left:auto;margin-right:6px;width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;flex:none}.hdr-right{margin-left:auto;display:flex;align-items:center;gap:10px}.lnk{font-size:14.5px;font-weight:600;padding:10px 14px;border-radius:999px}.lnk:hover{background:var(--soft)}.acct{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:6px 8px 6px 14px;box-shadow:var(--shadow)}.acct:hover{box-shadow:var(--shadow-lg)}.acct .bars{font-size:14px;color:var(--sub)}.acct .av{width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700}@media (max-width:900px){.hdr{padding:12px 18px}.psearch,.lnk{display:none}}.card{cursor:pointer}.card.is-preview{cursor:default}.card .ph{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:20/19;margin-bottom:11px;background:var(--soft)}.card .ph .bg{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .4s}.card .ph .bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.16) 0%,transparent 30%,transparent 65%,rgba(0,0,0,.14) 100%)}.card:not(.is-preview):hover .ph .bg{transform:scale(1.04)}.card .ph .fav{position:absolute;top:12px;right:12px;font-size:22px;line-height:1;color:#ffffffe6;text-shadow:0 1px 4px rgba(0,0,0,.3);padding:0;transition:.15s}.card .ph .fav.on{color:var(--brand);text-shadow:0 1px 4px rgba(0,0,0,.2)}.card .ph .fav:hover{transform:scale(1.12)}.card .ph .pill{position:absolute;top:12px;left:12px;background:#fff;border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:700;box-shadow:var(--shadow)}.card .ph .pill.verified{color:var(--green)}.card .ph .pill.hot{background:var(--brand);color:#fff}.card .ph .dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:5px}.card .ph .dots i{width:6px;height:6px;border-radius:50%;background:#ffffff8c;cursor:pointer;transition:.15s}.card .ph .dots i.on{background:#fff;width:7px;height:7px}.card .ph .type{position:absolute;bottom:11px;right:12px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:11px;font-weight:600;padding:4px 9px;border-radius:8px}.card .r1{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.card h3{margin:0;font-size:15px;font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .star{font-size:13.5px;font-weight:600;flex:none}.card .meta{font-size:13.5px;color:var(--sub);margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .spec{font-size:13.5px;color:var(--sub);margin:1px 0 6px}.card .cost{font-size:15px;font-weight:700;margin:0}.card .cost span{font-weight:500;color:var(--sub)}.wrap{max-width:1280px;margin:0 auto;padding:0 30px}.hero{max-width:1280px;margin:0 auto;padding:34px 30px 0}.hero-box{border-radius:24px;overflow:hidden;position:relative;min-height:380px;background:linear-gradient(120deg,#ff8a5b,#ff5a5f 45%,#c2417f)}.hero-box .art{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;pointer-events:none}.hero-box .art i{position:absolute;display:block;border-radius:18px;background:#ffffff80}.hero-in{position:relative;display:flex;flex-direction:column;justify-content:center;padding:48px 56px;color:#fff;min-height:380px}.hero-in h1{font-size:44px;line-height:1.15;margin:0 0 10px;font-weight:800;letter-spacing:-.02em;max-width:560px;text-shadow:0 2px 20px rgba(0,0,0,.18)}.hero-in p{font-size:17px;margin:0 0 26px;opacity:.95;max-width:460px}.searchcard{background:#fff;border-radius:18px;box-shadow:0 16px 44px #00000038;display:flex;align-items:stretch;padding:8px;max-width:800px;gap:2px}.sf{flex:1;padding:9px 18px;border-radius:12px;min-width:0}.sf:hover{background:var(--soft)}.sf label{display:block;font-size:11.5px;font-weight:700;color:var(--ink);margin-bottom:1px}.sf input,.sf select{border:0;outline:none;font-size:14px;color:var(--ink);background:transparent;width:100%;padding:0}.sf input::placeholder{color:var(--sub)}.sf+.sf{border-left:1px solid var(--line)}.searchcard .sbtn{background:var(--brand);color:#fff;border-radius:12px;padding:0 26px;font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px;flex:none}.searchcard .sbtn:hover{background:var(--brand-dk)}.rail{max-width:1280px;margin:0 auto;padding:26px 30px 0;display:flex;align-items:center;gap:8px}.rail-scroll{display:flex;gap:26px;overflow-x:auto;flex:1;padding-bottom:12px;scrollbar-width:none}.rail-scroll::-webkit-scrollbar{display:none}.ftype{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:66px;padding-bottom:10px;border-bottom:2px solid transparent;color:var(--sub);font-size:12.5px;font-weight:600;flex:none;transition:.15s}.ftype .ic{font-size:23px;filter:grayscale(1);opacity:.65;transition:.15s}.ftype:hover{color:var(--ink)}.ftype:hover .ic{filter:none;opacity:1}.ftype.on{color:var(--ink);border-bottom-color:var(--ink)}.ftype.on .ic{filter:none;opacity:1}.fbtn{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:11px 16px;font-size:13.5px;font-weight:600;flex:none;margin-bottom:12px;background:#fff}.fbtn:hover{border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 20px;padding:12px 0 40px}.empty{text-align:center;padding:70px 20px}.empty-ic{font-size:44px;margin-bottom:12px;opacity:.5}.empty h3{margin:0 0 6px;font-size:19px;font-weight:700}.empty p{margin:0 0 18px;color:var(--sub);font-size:14.5px}.band{max-width:1280px;margin:20px auto 60px;padding:0 30px}.band-in{border-radius:22px;background:linear-gradient(120deg,#00a6a0,#0f7c8c 70%,#155e91);color:#fff;padding:42px 48px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}.band-in h2{margin:0 0 6px;font-size:27px;font-weight:800;letter-spacing:-.02em}.band-in p{margin:0;opacity:.9;font-size:15.5px;max-width:520px}.band-in .btn-w{margin-left:auto;background:#fff;color:var(--ink);border-radius:12px;padding:14px 26px;font-size:15px;font-weight:700;flex:none}.band-in .btn-w:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.ftr{border-top:1px solid var(--line);padding:26px 30px 40px}.ftr-in{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:13.5px;color:var(--sub)}.ftr-links{display:flex;gap:18px}.ftr-links a{font-weight:600}.ftr-links a:hover{color:var(--brand)}@media (max-width:1000px){.grid{grid-template-columns:1fr 1fr}.hero{padding:20px 18px 0}.hero-in{padding:34px 26px}.hero-in h1{font-size:32px}.searchcard{flex-direction:column}.sf+.sf{border-left:0;border-top:1px solid var(--line)}.searchcard .sbtn{justify-content:center;padding:14px}.wrap,.rail,.band{padding-left:18px;padding-right:18px}.band-in{padding:30px 26px}.band-in .btn-w{margin-left:0}}@media (max-width:600px){.grid{grid-template-columns:1fr;gap:24px}}.dwrap{max-width:1120px;margin:0 auto;padding:20px 30px 60px}.back{display:inline-block;font-size:13.5px;font-weight:600;color:var(--sub);margin-bottom:14px;padding:6px 0}.back:hover{color:var(--brand)}.dtitle{font-size:26px;font-weight:800;margin:0 0 6px;letter-spacing:-.02em}.dsub{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--sub);flex-wrap:wrap;margin-bottom:18px}.dsub b{color:var(--ink)}.dsub-right{margin-left:auto;font-weight:600;color:var(--ink);cursor:pointer}.gal{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:150px 150px;gap:8px;border-radius:18px;overflow:hidden;margin-bottom:30px}.gal>div{position:relative}.gal>div:first-child{grid-row:span 2}.gal .more{position:absolute;bottom:12px;right:12px;background:#fff;border-radius:9px;padding:7px 13px;font-size:12.5px;font-weight:700;box-shadow:var(--shadow);cursor:pointer}.dcols{display:grid;grid-template-columns:1fr 370px;gap:50px;align-items:start}.dsec{padding:22px 0;border-bottom:1px solid var(--line)}.dsec:first-child{padding-top:0}.dsec-last{border-bottom:0}.dsec h3{margin:0 0 12px;font-size:18px;font-weight:700}.dsec .desc{margin:0 0 12px;color:#4a4e52;font-size:14.5px;white-space:pre-line}.dsec .desc:last-child{margin-bottom:0}.dsec-owner{display:flex;justify-content:space-between;align-items:center;gap:16px}.dsec-owner h3{margin-bottom:3px}.dsec-owner p{margin:0;font-size:14px;color:var(--sub)}.oav{width:52px;height:52px;border-radius:50%;flex:none;background:linear-gradient(135deg,#00a6a0,#0f7c8c);color:#fff;display:grid;place-items:center;font-weight:700;font-size:18px}.oav.sm{width:44px;height:44px;font-size:15px}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.fact{background:var(--soft);border-radius:12px;padding:14px}.fact-ic{font-size:19px;margin-bottom:4px}.fact-k{font-size:12px;color:var(--sub)}.fact-v{font-size:15px;font-weight:700}.amen{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.amen div{display:flex;align-items:center;gap:10px;font-size:14.5px;color:#4a4e52}.map{height:200px;border-radius:14px;position:relative;overflow:hidden;background:linear-gradient(135deg,#e8f1e8,#cfe3d4)}.map .pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);background:var(--brand);color:#fff;width:38px;height:38px;border-radius:50% 50% 50% 0;display:grid;place-items:center;box-shadow:0 4px 14px #0003}.map .pin span{transform:rotate(45deg)}.map-note{position:absolute;bottom:12px;left:12px;background:#fff;border-radius:10px;padding:8px 13px;font-size:12.5px;font-weight:600;box-shadow:var(--shadow)}.booking{border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow-lg);position:sticky;top:90px;background:#fff}.bk-price{display:flex;align-items:baseline;gap:6px;margin-bottom:16px}.bk-price b{font-size:25px;font-weight:800}.bk-price span{color:var(--sub);font-size:14px}.bkfield{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:12px}.bkrow{padding:11px 14px}.bkrow+.bkrow{border-top:1px solid var(--line)}.bkrow label{display:block;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sub)}.bkrow input,.bkrow select{border:0;outline:none;font-size:14.5px;width:100%;padding:0;margin-top:2px;background:transparent}.bk-cta{width:100%;background:linear-gradient(100deg,#ff5a5f,#e0484d);color:#fff;border-radius:12px;padding:15px;font-size:16px;font-weight:700;margin-bottom:10px}.bk-cta:disabled{background:var(--green);cursor:default}.bk-alt{width:100%;border:1px solid var(--ink);border-radius:12px;padding:13px;font-size:14.5px;font-weight:700;background:#fff}.bk-alt:hover{background:var(--soft)}.bk-note{text-align:center;font-size:12.5px;color:var(--sub);margin:12px 0 0}.bk-calc{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:13.5px;color:#4a4e52}.bk-line{display:flex;justify-content:space-between;margin-bottom:7px}.bk-total{padding-top:10px;margin-top:3px;border-top:1px solid var(--line);font-size:15px;color:var(--ink)}.owner{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.owner-n{font-size:14.5px;font-weight:700;display:flex;align-items:center;gap:6px}.owner-s{font-size:12.5px;color:var(--sub)}@media (max-width:1000px){.dwrap{padding:16px 18px 50px}.dcols{grid-template-columns:1fr;gap:26px}.booking{position:static}.gal{grid-template-columns:1fr;grid-template-rows:230px;margin-bottom:22px}.gal>div:not(:first-child){display:none}.gal>div:first-child{grid-row:auto}.dtitle{font-size:21px}.facts{grid-template-columns:1fr 1fr}.amen{grid-template-columns:1fr}.dsub-right{margin-left:0;width:100%}}.side{border-right:1px solid var(--line);padding:22px 14px;background:#fff;display:flex;flex-direction:column}.who{display:flex;align-items:center;gap:11px;padding:10px;border-radius:12px;background:var(--soft);margin-bottom:16px}.who-av{width:38px;height:38px;border-radius:11px;flex:none;background:linear-gradient(135deg,#ff5a5f,#c2417f);color:#fff;display:grid;place-items:center;font-weight:700}.who-n{font-size:14px;font-weight:700;line-height:1.25}.who-r{font-size:12px;color:var(--sub)}.nv{display:flex;flex-direction:column;gap:2px}.nv .gp{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--sub);font-weight:700;margin:16px 10px 6px}.nv a{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:11px;font-size:14px;font-weight:600;color:#464a4e;cursor:pointer}.nv a .i{width:19px;text-align:center;font-size:15px}.nv a:hover{background:var(--soft)}.nv a.on{background:#fff0f0;color:var(--brand)}.nv a .c{margin-left:auto;background:var(--brand);color:#fff;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px}.back-home{margin-top:auto;padding:12px 11px;font-size:13px;font-weight:600;color:var(--sub);border-radius:11px}.back-home:hover{background:var(--soft);color:var(--ink)}.side-admin{background:#161719;border-color:#2a2c30}.side-admin .abrand{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800;color:#fff;padding:0 10px 16px}.side-admin .abrand svg{width:22px;height:22px}.side-admin .abrand .atag{font-size:11px;opacity:.6;font-weight:600}.side-admin .who{background:#ffffff12}.side-admin .who-n{color:#fff}.side-admin .who-r{color:#8b8f94}.side-admin .nv a{color:#b9bdc2}.side-admin .nv .gp{color:#71767b}.side-admin .nv a:hover{background:#ffffff12}.side-admin .nv a.on{background:#ff5a5f29;color:#ff8085}.side-admin .back-home{color:#71767b}.side-admin .back-home:hover{background:#ffffff12;color:#fff}@media (max-width:1000px){.side{display:none}}.app{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.main{padding:28px 34px;background:var(--soft);min-height:100vh}.phead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap;gap:12px}.phead h2{margin:0;font-size:26px;font-weight:800;letter-spacing:-.02em}.phead p{margin:3px 0 0;color:var(--sub);font-size:14px}.phead-act{display:flex;gap:8px}.flash{background:#e9f7ef;border:1px solid #bfe8d0;color:#0d7a45;border-radius:12px;padding:13px 16px;font-size:14px;font-weight:600;margin-bottom:18px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.kpi{background:#fff;border-radius:var(--r);padding:18px;border:1px solid var(--line)}.kpi-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:17px;margin-bottom:12px}.k1{background:#fff0f0}.k2{background:#e6f7f6}.k3{background:#fef3e2}.k4{background:#e9f7ef}.kpi-k{font-size:13px;color:var(--sub)}.kpi-v{font-size:26px;font-weight:800;letter-spacing:-.02em;margin-top:1px}.kpi-d{font-size:12px;font-weight:700;margin-top:2px;color:var(--sub)}.kpi-d.up{color:var(--green)}.two-col{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}.stack{display:flex;flex-direction:column;gap:20px}.pn-pad{padding:18px}.pn-title{margin:0 0 2px;font-size:16px;font-weight:700}.big{font-size:30px;font-weight:800;letter-spacing:-.02em;margin:4px 0 2px}.delta{font-size:12.5px;font-weight:700}.delta.up{color:var(--green)}.full{width:100%}.big-btn{padding:14px;font-size:15px}.btn-pair{display:flex;gap:10px}.lrow{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line)}.lrow:last-child{border-bottom:0}.lrow:hover{background:var(--soft)}.lrow .th{width:64px;height:52px;border-radius:11px;flex:none}.lrow .info{flex:1;min-width:0}.info-t{font-size:14.5px;font-weight:700;margin-bottom:1px}.info-s{font-size:13px;color:var(--sub)}.lrow .num{text-align:right;flex:none;min-width:88px}.num-n{font-size:15px;font-weight:700}.num-l{font-size:12px;color:var(--sub)}.lrow .act{display:flex;gap:7px;flex:none;align-items:center}.ib{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;font-size:14px;background:#fff}.ib:hover{border-color:var(--ink)}.done-all{padding:38px 20px;text-align:center;color:var(--sub);font-size:14.5px}.dsp{padding:14px 18px;border-bottom:1px solid var(--line)}.dsp:last-child{border-bottom:0}.dsp-r1{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:3px}.dsp-r1 b{font-size:14px}.dsp-r2{font-size:13px;color:var(--sub)}.rev{display:flex;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line);align-items:center}.rev:last-child{border-bottom:0}.rev-img{width:92px;height:70px;border-radius:12px;flex:none}.rev-c{flex:1;min-width:0}.rev-c h4{margin:0 0 3px;font-size:14.5px;font-weight:700}.rev-m{font-size:13px;color:var(--sub);margin-bottom:7px}.rev-fl{display:flex;gap:6px;flex-wrap:wrap}.rev-a{display:flex;gap:7px;flex:none}.rev-a button:disabled{opacity:.55;cursor:not-allowed}.steps{display:flex;gap:8px;margin-bottom:20px}.step{flex:1;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:700;color:var(--sub);display:flex;align-items:center;gap:8px}.step:hover{border-color:var(--ink)}.step.on{border-color:var(--brand);background:#fff0f0;color:var(--brand)}.step-n{width:20px;height:20px;border-radius:50%;background:var(--line);color:#fff;display:grid;place-items:center;font-size:11px;flex:none}.step.on .step-n{background:var(--brand)}.pn-form{padding:22px}.fr{margin-bottom:16px}.fr label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.fr input,.fr select,.fr textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 13px;font-size:14px;outline:none;background:#fff}.fr input:focus,.fr textarea:focus,.fr select:focus{border-color:var(--brand)}.fr textarea{resize:vertical}.g2c{display:grid;grid-template-columns:1fr 1fr;gap:12px}.g3c{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);border-radius:999px;padding:9px 15px;font-size:13.5px;font-weight:600;background:#fff;display:flex;align-items:center;gap:6px;transition:.15s}.chip:hover{border-color:var(--ink)}.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.drop{border:2px dashed var(--line);border-radius:14px;padding:30px;text-align:center;color:var(--sub);font-size:14px;background:#fff;cursor:pointer}.drop:hover{border-color:var(--brand)}.drop b{color:var(--brand)}.drop-sub{font-size:12.5px}.prev{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;position:sticky;top:20px;box-shadow:var(--shadow)}.prev-l{padding:9px 14px;background:var(--soft);font-size:11.5px;font-weight:700;color:var(--sub);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--line)}.prev-body{padding:14px}@media (max-width:1000px){.app{grid-template-columns:1fr}.main{padding:20px 18px}.kpis{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.prev{position:static}.g3c{grid-template-columns:1fr 1fr}.rev{flex-wrap:wrap}.rev-a{width:100%}.rev-a button{flex:1}.lrow{flex-wrap:wrap}.lrow .num{min-width:auto}.steps{flex-direction:column}}:root{--ink:#1c1c1e;--sub:#6e7377;--line:#e8e6e1;--bg:#ffffff;--soft:#f7f6f3;--brand:#ff5a5f;--brand-dk:#e0484d;--teal:#00a6a0;--green:#12a05c;--red:#d64545;--violet:#7b61ff;--r:16px;--shadow:0 2px 6px rgba(0,0,0,.05);--shadow-lg:0 12px 32px rgba(0,0,0,.12)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:Noto Sans Thai,system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}input,select,textarea{font-family:inherit}.btn-p{background:var(--brand);color:#fff;border-radius:11px;padding:11px 18px;font-size:14px;font-weight:700;transition:.15s}.btn-p:hover{background:var(--brand-dk)}.btn-p:disabled{opacity:.55;cursor:not-allowed}.btn-o{background:#fff;border:1px solid var(--line);border-radius:11px;padding:11px 16px;font-size:14px;font-weight:700;transition:.15s}.btn-o:hover{border-color:var(--ink)}.btn-s{padding:7px 13px;font-size:13px;border-radius:9px}.btn-ok{background:var(--green);color:#fff;border-radius:10px;padding:9px 15px;font-size:13px;font-weight:700}.btn-no{background:#fff;border:1px solid var(--line);color:var(--red);border-radius:10px;padding:9px 15px;font-size:13px;font-weight:700}.btn-no:hover{border-color:var(--red)}.tg{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:8px;white-space:nowrap}.tg-live{background:#e9f7ef;color:var(--green)}.tg-wait{background:#fef3e2;color:#b8791f}.tg-off{background:#f1f0ee;color:var(--sub)}.tg-hot{background:#fff0f0;color:var(--brand)}.tg-new{background:#f0edff;color:var(--violet)}.tg-danger{background:#fdeaea;color:var(--red)}.pn{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.pn-h{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.pn-h h3{margin:0;font-size:16px;font-weight:700}.skel{background:linear-gradient(90deg,#f1f0ee 25%,#e8e6e1,#f1f0ee 75%);background-size:200% 100%;animation:sk 1.2s infinite;border-radius:10px}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.spin{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:sp .7s linear infinite;margin:40px auto}@keyframes sp{to{transform:rotate(360deg)}}.chart{display:flex;align-items:flex-end;gap:9px;height:130px;padding:14px 4px 26px}.chart .b{flex:1;background:#f1f0ee;border-radius:7px 7px 0 0;position:relative;display:flex;justify-content:center}.chart .b i{position:absolute;bottom:0;width:100%;background:linear-gradient(180deg,#ff8a5b,#ff5a5f);border-radius:7px 7px 0 0}.chart .b span{position:absolute;bottom:-21px;font-size:11px;color:var(--sub)}