/*
Theme Name: Dentv Affing
Theme URI: https://affing.local/
Author: Dentv
Description: Giao diện tiếng Việt tinh gọn cho tiếp thị liên kết Shopee, hosting, VPS, tên miền và bộ công cụ web.
Version: 2.6.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dentv-affing
Tags: blog, e-commerce, custom-logo, custom-menu, featured-images, translation-ready, one-column
*/
:root{--ink:#212821;--muted:#6d756e;--green:#27704c;--green-dark:#205c3e;--mint:#edf4eb;--cream:#f8f9f5;--line:#e3e8e0;--white:#fff;--orange:#fb702f;--radius:18px;--font:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}img{display:block;max-width:100%;height:auto}svg{width:20px;height:20px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}p{margin:0 0 1em}h1,h2,h3,h4{margin:0;color:var(--ink);line-height:1.2;letter-spacing:-.045em;font-weight:700}button{border:0;background:none;color:inherit}input,select,textarea{max-width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:9px;padding:12px 14px}input::placeholder{color:#969b93}input:focus,select:focus,textarea:focus{outline:2px solid var(--green);outline-offset:2px}a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:4px;border-radius:5px}[hidden]{display:none!important}::selection{background:#d7eccd;color:#1a402a}.container{width:calc(100% - 96px);max-width:1192px;margin-inline:auto}.section{padding-block:72px}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-150%);padding:10px 18px;background:var(--ink);color:white;z-index:1000}.skip-link:focus{transform:none}.eyebrow{display:block;color:var(--green);font-size:10px;font-weight:750;letter-spacing:.17em;margin-bottom:13px;line-height:1.6}.text-green{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:650;line-height:1.5;padding:15px 21px;border:1px solid transparent;border-radius:9px;transition:background .18s,transform .18s;min-height:48px;text-align:center}.button:hover{transform:translateY(-2px)}.button-dark{color:#fff;background:var(--ink)}.button-dark:hover{background:var(--green-dark)}.button-green{background:var(--green);color:#fff}.button-green:hover{background:var(--green-dark)}.button-outline,.button-secondary{border-color:var(--line);background:#fff}.button-outline:hover,.button-secondary:hover{border-color:var(--green);color:var(--green)}.button-small{padding:11px 16px;min-height:42px;font-size:12px}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:650;padding:3px 0;color:var(--ink)}.text-link:hover{color:var(--green)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:8px}.icon-button:hover{background:var(--mint)}
.announcement{background:var(--green-dark);color:#e7f2e6;font-size:11px}.announcement .container{display:flex;align-items:center;justify-content:center;gap:8px;min-height:34px}.announcement a{margin-left:20px;color:#e7f2e6}.announcement a:hover{text-decoration:underline}.announcement-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a9d98b;flex-shrink:0}.announcement a span{margin-left:7px}.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:83px;gap:24px}.site-brand{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:750;letter-spacing:-1.2px;white-space:nowrap}.brand-symbol{width:32px;height:32px;display:grid;place-items:center;background:var(--green);border-radius:8px;color:white}.brand-symbol svg{width:26px;height:26px;stroke-width:2.2}.brand-period{color:var(--green)}.custom-logo{max-height:45px;width:auto}.primary-navigation{display:flex;align-items:center;gap:35px}.nav-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:28px}.nav-list a{font-size:12px;font-weight:600;white-space:nowrap}.nav-list a:hover{color:var(--green)}.nav-list li{position:relative}.nav-list .sub-menu{display:none;position:absolute;top:100%;left:0;padding:18px;min-width:170px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 25px #21282115}.nav-list li:hover>.sub-menu,.nav-list li:focus-within>.sub-menu{display:block}.menu-toggle{display:none}.nav-tool svg{width:16px;height:16px}
.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:66px;align-items:center;padding-block:76px 67px;min-height:560px}.hero-eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.15em}.small-spark{font-size:20px;line-height:1}.hero h1{font-size:clamp(38px,4.1vw,58px);line-height:1.2;font-weight:750;letter-spacing:-.055em;margin:18px 0 22px}.hero-description{font-size:14px;line-height:1.85;color:var(--muted);max-width:450px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:27px}.hero-assurance{display:flex;align-items:center;gap:20px;font-size:10px;color:var(--muted);margin-top:27px}.hero-assurance span{display:flex;align-items:center;gap:6px}.hero-assurance svg{width:14px;height:14px;color:var(--green)}.hero-tool-wrap{position:relative;padding:15px 6px 35px 0}.hero-tool-card{position:relative;background:var(--mint);border:1px solid #dce8d7;border-radius:20px;padding:29px 32px 21px;z-index:2;box-shadow:0 14px 38px #324b3410}.tool-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.tool-icon{display:grid;place-items:center;width:43px;height:43px;background:#fff;color:var(--green);border:1px solid #dce6d8;border-radius:12px}.tool-icon svg{width:25px;height:25px}.mini-label{font-size:8px;font-weight:700;letter-spacing:.13em;display:flex;align-items:center;gap:6px;color:var(--green)}.mini-label .announcement-dot{background:var(--green)}.hero-tool-card h2{font-size:27px;letter-spacing:-.045em;line-height:1.3;margin-bottom:11px}.hero-tool-card>p{font-size:12px;color:#788271}.hero-domain-form{margin-top:21px}.domain-input-wrap{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #d7e2d2;padding:5px 6px 5px 13px;border-radius:10px;box-shadow:0 4px 8px #1f332506}.domain-input-wrap>span{color:#8d9588;font-size:12px}.domain-input-wrap input{padding:9px 2px;min-width:0;width:100%;border:0;border-radius:3px;font-size:12px;background:transparent}.domain-submit{width:37px;height:37px;background:var(--green);color:#fff;border-radius:7px}.domain-submit:hover{background:var(--green-dark)}.domain-extensions{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:9px;color:#7c8776}.domain-extensions>span:not(.extension-note){background:#fff8;border:1px solid #dce6d6;padding:2px 7px;border-radius:5px}.extension-note{margin-left:auto;font-size:8px}.hero-tool-bottom{border-top:1px solid #d6e2d0;display:flex;align-items:flex-start;gap:7px;font-size:9px;color:#7d8976;line-height:1.6;margin-top:20px;padding-top:14px}.hero-tool-bottom svg{width:14px;height:14px;margin-top:2px}.hero-orbit{position:absolute;border:1px dashed #d4ddce;border-radius:50%;width:385px;height:385px;z-index:0;left:25px;top:-4px}.orbit-two{width:465px;height:465px;left:-16px;top:-45px}.floating-note{position:absolute;bottom:8px;right:-20px;background:#fff;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;gap:11px;padding:13px 18px;z-index:3;box-shadow:0 10px 25px #354c3210}.floating-note>svg{color:var(--green);background:#f0f5e9;border-radius:50%;padding:6px;width:34px;height:34px}.floating-note strong,.floating-note span{display:block}.floating-note strong{font-size:11px}.floating-note span{font-size:9px;color:var(--muted)}.category-strip{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;gap:15px}.category-strip>span{font-size:9px;font-weight:600;color:#959b91;letter-spacing:.07em}.category-strip a{display:flex;align-items:center;gap:10px;font-weight:650;font-size:14px;color:#626c61}.category-strip a svg{width:18px;height:18px}.category-strip a:hover{color:var(--green)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:29px}.section-heading h2{font-size:31px}.section-heading p,.section-side-note{font-size:12px;color:var(--muted);margin:0 0 4px}.section-heading .eyebrow{margin-bottom:9px}.tools-section{padding-bottom:66px}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.tool-tile{display:block;min-width:0;text-align:left;border:1px solid var(--line);border-radius:13px;padding:22px 22px 19px;background:white;transition:border-color .2s,background .2s,transform .2s}.tool-tile:hover{background:#f9fbf7;border-color:#a2baa1;transform:translateY(-3px)}.tool-tile-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.tile-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--cream);color:var(--green)}.tool-number{font-size:10px;font-family:monospace;color:#aab1a4}.tool-tile-title{display:block;font-size:15px;font-weight:650;letter-spacing:-.02em;margin-bottom:7px}.tool-tile-description{display:block;color:var(--muted);font-size:11px;line-height:1.8;min-height:40px;max-width:185px}.tool-tile-link{display:flex;align-items:center;gap:8px;color:var(--green);font-size:10px;font-weight:650;margin-top:19px}.tool-tile-link svg{width:15px;height:15px}
.catalog-section{background:var(--cream);border-block:1px solid var(--line);padding-block:64px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}.filter-list{display:flex;gap:5px;flex-wrap:wrap}.filter-button{font-size:12px;color:var(--muted);border:1px solid transparent;border-radius:8px;padding:9px 16px;line-height:1.5;font-weight:550}.filter-button:hover{color:var(--green);background:#eaf1e7}.filter-button.is-active{background:var(--ink);color:#fff}.catalog-search{position:relative;display:flex;align-items:center}.catalog-search svg{position:absolute;left:12px;width:15px;height:15px;color:#8d968a}.catalog-search input{border-color:var(--line);background:#fff;padding:10px 12px 10px 35px;width:220px;font-size:11px;border-radius:8px}.catalog-context{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#899182;margin-bottom:18px}.catalog-context>span:last-child{display:flex;align-items:center;gap:5px}.catalog-context svg{width:12px;height:12px}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.offer-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;min-width:0;transition:box-shadow .2s,border-color .2s,transform .2s}.offer-card:hover{transform:translateY(-3px);border-color:#bbcfb1;box-shadow:0 10px 23px #30432a07}.offer-card.is-featured{border-color:#a5c99c}.offer-top,.offer-card-header,.offer-header{display:flex;align-items:center;gap:12px;margin-bottom:17px}.offer-provider-mark{width:42px;height:42px;background:#f0f3ed;border:1px solid #e4e9df;display:grid;place-items:center;color:var(--green);font-weight:750;font-size:20px;border-radius:11px;letter-spacing:-.04em;flex-shrink:0}.offer-category{font-size:9px;font-weight:600;color:var(--muted);margin-left:auto}.offer-badge{display:inline-flex;font-size:8px;font-weight:650;background:#edf5e7;color:var(--green);border:1px solid #d7e6cd;border-radius:4px;padding:3px 6px;margin-bottom:8px;align-self:flex-start}.offer-provider{font-size:9px;color:var(--muted)}.offer-title{font-size:20px;letter-spacing:-.04em;margin:0 0 10px}.offer-title a:hover{color:var(--green)}.offer-description{font-size:11px;color:var(--muted);line-height:1.75;margin-bottom:18px;min-height:38px}.offer-features{list-style:none;padding:0;margin:0 0 19px;display:grid;gap:6px;color:#687262;font-size:10px}.offer-features li{display:flex;align-items:center;gap:7px}.offer-features svg{width:12px;height:12px;color:var(--green)}.offer-price{border-top:1px solid #eef0eb;padding-top:16px;margin-top:auto;display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}.offer-price strong{font-size:25px;font-weight:750;letter-spacing:-.05em}.offer-price span,.offer-price small{font-size:10px;color:var(--muted)}.offer-price-label{font-size:9px;color:var(--muted)}.offer-price-note,.offer-renewal,.offer-verified,.offer-update,.offer-official-note,.offer-source-note{font-size:9px;color:#92998b;margin:5px 0 0;line-height:1.7}.offer-price .price-unknown{font-size:16px;letter-spacing:-.02em}.offer-actions{display:flex;align-items:center;gap:8px;margin-top:17px}.offer-actions .button{font-size:11px;padding:11px 13px;min-height:41px;width:100%;gap:8px}.offer-actions .button svg{width:15px;height:15px}.offer-actions .text-link{font-size:10px}.coupon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px dashed #b5c8ab;background:#f5f9f2;color:var(--green);border-radius:7px;padding:9px 13px;font-size:11px;max-width:100%;overflow-wrap:anywhere}.coupon-button svg{width:14px;height:14px}.coupon-button:hover{background:#e8f2e1}.coupon-code,.offer-coupon{margin-top:12px;display:flex;gap:8px;align-items:center;font-size:10px;color:var(--muted)}.catalog-footnote{display:flex;gap:8px;align-items:flex-start;font-size:10px;color:#91998a;margin-top:22px;max-width:800px}.catalog-footnote svg{width:14px;height:14px;margin-top:1px}.catalog-footnote p{margin:0}
.shopee-banner{background:#fbf1e6;border:1px solid #f1e4d5;border-radius:19px;display:grid;grid-template-columns:1fr 1fr;gap:25px;overflow:hidden}.shopee-copy{padding:42px 0 44px 44px;max-width:455px}.shopee-copy .eyebrow{color:#b46739}.shopee-copy h2{font-size:36px;line-height:1.22;margin:15px 0 17px}.shopee-copy p{font-size:12px;line-height:1.85;color:#877866;max-width:380px}.shopee-copy .button{margin-top:12px;font-size:12px}.workspace-art{position:relative;min-height:354px;margin:25px 32px 25px 0}.art-label{position:absolute;top:15px;left:55px;right:10px;font-size:9px;letter-spacing:.15em;color:#aa8e70}.art-label span{float:right;font-size:18px;margin-top:-8px}.art-monitor{position:absolute;top:70px;left:70px;width:225px;height:148px;background:#dad2c3;border-radius:10px;padding:8px;transform:rotate(-5deg);box-shadow:6px 12px 15px #9e896216}.monitor-screen{background:#234e3c;height:100%;border-radius:5px;position:relative;overflow:hidden;padding:25px}.screen-dot{display:block;width:6px;height:6px;background:#acbf8b;border-radius:50%;margin-bottom:18px}.screen-line{display:block;width:90px;height:7px;background:#a6b893;border-radius:2px;margin-bottom:9px}.screen-line.short{width:60px;background:#6e8e64}.screen-code{position:absolute;bottom:21px;left:24px;color:#95b194;font-family:monospace;font-size:8px}.monitor-stand{position:absolute;left:163px;top:212px;width:44px;height:55px;background:#d2c9b8;transform:rotate(-5deg);clip-path:polygon(33% 0,75% 0,86% 80%,100% 85%,100% 100%,0 100%,0 86%,24% 79%)}.art-desk{position:absolute;left:30px;right:0;top:288px;border-bottom:1px solid #dacbb7;transform:rotate(-5deg)}.art-keyboard{position:absolute;top:275px;left:76px;width:184px;height:50px;background:#e9e5da;border:1px solid #d6cdbf;transform:rotate(-5deg) skewX(-16deg);border-radius:5px;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:7px;box-shadow:2px 5px 0 #d1c6b34a}.art-keyboard i{background:#fdf9f0;border:1px solid #d7d0c3;border-radius:2px}.art-mouse{position:absolute;top:269px;left:281px;width:28px;height:43px;background:#fdf9f0;border:1px solid #d7d0c3;border-radius:45%;transform:rotate(-18deg);box-shadow:2px 4px 5px #c1a98c25}.art-mouse:after{content:"";position:absolute;left:13px;top:5px;width:1px;height:10px;background:#c6bbac}.art-cup{position:absolute;top:233px;left:354px;width:48px;height:46px;background:#b2ba98;border-radius:3px 3px 13px 13px;transform:rotate(-5deg);box-shadow:3px 4px 4px #aa95711a}.art-cup:before{content:"";position:absolute;top:-5px;width:48px;height:11px;border-radius:50%;background:#777e60;border:5px solid #b7c09e}.art-cup:after{content:"";position:absolute;top:7px;right:-13px;width:20px;height:25px;border:5px solid #b2ba98;border-radius:50%}.art-chip{position:absolute;bottom:4px;left:83px;font-size:9px;color:#947957;border:1px solid #dfcfb9;padding:5px 9px;border-radius:5px;background:#fdf6ec;transform:rotate(-5deg)}
.guide-section{padding-top:12px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.guide-cover{position:relative;display:block;height:178px;border-radius:12px;background:#eff3e9;overflow:hidden;margin-bottom:20px}.guide-cover img{height:100%;width:100%;object-fit:cover}.guide-card:nth-child(2) .guide-cover{background:#edf0f7}.guide-card:nth-child(3) .guide-cover{background:#f6efe5}.guide-cover-icon{position:absolute;left:35px;top:32px;width:65px;height:65px;background:#fff9;display:grid;place-items:center;border:1px solid #d4dec8;border-radius:15px;transform:rotate(-8deg);color:var(--green)}.guide-cover-icon svg{height:34px;width:34px;stroke-width:1.25}.guide-card:nth-child(2) .guide-cover-icon{color:#627393;border-color:#d3dce9}.guide-card:nth-child(3) .guide-cover-icon{color:#947044;border-color:#e9d6ba}.guide-cover-word{position:absolute;right:22px;bottom:24px;font-family:monospace;font-size:23px;letter-spacing:-1px;color:#859477}.guide-card:nth-child(2) .guide-cover-word{color:#8a94ab}.guide-card:nth-child(3) .guide-cover-word{color:#b39c80}.guide-cover-corner{position:absolute;right:19px;top:12px;color:#a6b19c;font-size:22px}.guide-meta{display:flex;justify-content:space-between;font-size:8px;color:#92998b;margin-bottom:9px}.guide-meta>span:first-child{color:var(--green);font-weight:700;letter-spacing:.13em}.guide-card h3{font-size:18px;letter-spacing:-.025em;line-height:1.5;margin-bottom:9px}.guide-card h3 a:hover{color:var(--green)}.guide-card>p{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:14px}.guide-card .text-link{font-size:10px}.guide-card .text-link svg{width:14px;height:14px}.prefooter{background:var(--mint);border:1px solid #dce7d6;border-radius:13px;margin-bottom:68px;padding:28px 32px;display:flex;align-items:center;gap:25px}.prefooter-spark{font-size:54px;color:var(--green);line-height:1}.prefooter h2{font-size:23px;margin-bottom:6px}.prefooter p{font-size:11px;color:#7f8b76;margin:0}.prefooter>.button{margin-left:auto;font-size:11px;min-height:42px;padding:11px 16px}.site-footer{border-top:1px solid var(--line);padding-top:49px;background:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr .65fr .65fr 1.25fr;gap:55px;padding-bottom:40px}.footer-about .site-brand{font-size:23px;margin-bottom:16px}.footer-about p{font-size:11px;line-height:1.85;color:var(--muted);max-width:260px}.footer-grid h2{font-size:11px;letter-spacing:0;margin:8px 0 17px}.footer-grid>div:not(.footer-about):not(.footer-note)>a{display:block;font-size:10px;color:var(--muted);margin:8px 0}.footer-grid a:hover{color:var(--green)}.label-icon{display:flex;align-items:center;gap:7px;font-weight:650;font-size:11px;margin:6px 0 14px}.label-icon svg{height:15px;width:15px;color:var(--green)}.footer-note p{font-size:10px;color:var(--muted);line-height:1.85}.footer-bottom{border-top:1px solid var(--line);padding:20px 0 23px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#8c9587}.footer-bottom>span:last-child{display:flex;gap:15px}
.tool-dialog{border:1px solid var(--line);border-radius:20px;max-width:790px;width:calc(100% - 40px);max-height:86vh;padding:30px;color:var(--ink);box-shadow:0 28px 110px #14301b33;overflow:auto}.tool-dialog::backdrop{background:#142b2166;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.dialog-heading .eyebrow{font-size:9px;margin-bottom:6px}.dialog-heading h2{font-size:26px}.tool-tabs{display:flex;border-bottom:1px solid var(--line);gap:4px;margin-bottom:24px;overflow:auto}.tool-tabs button{padding:11px 17px;font-size:12px;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent}.tool-tabs button[aria-selected=true]{color:var(--green);border-color:var(--green);font-weight:650}.tool-intro{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:20px}.check-form label,.tool-controls label,.field-label{display:block;font-size:11px;font-weight:650;margin-bottom:8px}.input-group{display:flex;gap:10px}.input-group input{min-width:0;flex:1;font-size:13px}.input-group .button{font-size:12px}.privacy-note{font-size:10px;color:#8b9485;line-height:1.9;margin-top:18px}.check-result:empty{display:none}.check-result{margin-top:20px}.result-card{border:1px solid var(--line);background:#f9fbf7;border-radius:12px;padding:19px;font-size:12px}.result-card h3{font-size:17px;letter-spacing:-.02em;overflow-wrap:anywhere;margin-bottom:10px}.result-status{display:inline-flex;align-items:center;gap:7px;border-radius:5px;background:#e6f1dd;color:var(--green);font-size:11px;font-weight:650;padding:5px 9px;margin-bottom:10px}.result-status.is-warning,.result-status.unknown{color:#9a6b2e;background:#faf0d9}.result-status.is-error,.result-status.error{color:#a63d32;background:#f9e9e6}.result-note{font-size:11px;color:var(--muted);line-height:1.8;margin-top:8px}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.result-detail{padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:#fff;overflow-wrap:anywhere}.result-detail dt,.result-detail .detail-label{font-size:10px;color:var(--muted);margin-bottom:4px}.result-detail dd{margin:0;font-size:12px;font-weight:600}.result-detail strong{display:block;font-size:13px}.result-card ul{padding-left:19px}.hero-tool-card .result-card{font-size:10px;padding:12px;background:#fff9}.hero-tool-card .result-grid{grid-template-columns:1fr}.hero-tool-card .result-card h3{font-size:14px}.hero-tool-card .result-note{font-size:9px}.loading-message{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.loading-spinner{display:inline-block;width:14px;height:14px;border:2px solid #b8cfad;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tool-controls{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:12px;margin-bottom:20px}.tool-controls select,.tool-controls input{width:100%;font-size:12px;padding:10px}.compare-table{overflow-x:auto;border:1px solid var(--line);border-radius:10px}.compare-table table{width:100%;border-collapse:collapse;font-size:11px;min-width:550px}.compare-table th{text-align:left;color:#6d7866;background:var(--cream);font-size:10px;font-weight:600;padding:12px;white-space:nowrap}.compare-table td{padding:14px 12px;border-top:1px solid var(--line)}.compare-table td:first-child{font-weight:650}.compare-table a{display:inline-flex;color:var(--green);font-weight:650}.compare-meta{font-size:10px;color:var(--muted);margin-block:10px}.tool-empty,.empty-state{padding:40px 24px;border:1px dashed #ccd9c4;border-radius:12px;background:#f9fbf6;text-align:center;color:var(--muted);font-size:13px}.empty-state h3,.tool-empty h3{font-size:20px;margin-bottom:10px}.empty-state p,.tool-empty p{margin:0}.coupon-card{padding:17px 19px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px}.coupon-card h3{font-size:15px;letter-spacing:-.015em}.coupon-card p{font-size:10px;margin:5px 0 0;color:var(--muted)}#coupon-search{width:100%;font-size:12px;margin-bottom:7px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;padding:12px 20px;border-radius:10px;background:var(--ink);color:#fff;box-shadow:0 10px 30px #0002;font-size:12px;max-width:90%;text-align:center}.notice{font-size:12px;padding:14px;border:1px solid #dbcda8;border-radius:8px;background:#fcf7e7;margin-top:18px}
.page-hero{background:var(--cream);padding:58px 0 46px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:42px;line-height:1.25;max-width:840px;margin-bottom:15px}.page-hero p{color:var(--muted);max-width:750px}.entry-meta{display:flex;align-items:center;gap:13px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:16px 0}.entry{max-width:820px;margin-inline:auto}.entry-content{font-size:15px;line-height:1.9;overflow-wrap:anywhere}.entry-content>*{margin-bottom:1.4em}.entry-content h2{font-size:28px;margin-top:1.8em}.entry-content h3{font-size:22px;margin-top:1.6em}.entry-content a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.entry-content ul,.entry-content ol{padding-left:22px}.entry-content li{margin-bottom:8px}.entry-content blockquote{border-left:3px solid var(--green);padding:16px 24px;margin:25px 0;background:var(--mint)}.entry-content img{border-radius:13px}.entry-content table{border-collapse:collapse;width:100%}.entry-content th,.entry-content td{border:1px solid var(--line);padding:12px}.entry-content iframe{max-width:100%}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.article-card{border:1px solid var(--line);border-radius:13px;padding:24px}.article-card h2{font-size:22px;margin-bottom:12px}.article-card p{font-size:13px;color:var(--muted)}.pagination{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:35px}.pagination .page-numbers{padding:7px 13px;border:1px solid var(--line);border-radius:7px}.pagination .current{background:var(--green);color:white}.search-form{display:flex;gap:10px;margin:22px 0}.search-form label{flex:1}.search-form input[type=search]{width:100%}.search-form input[type=submit]{background:var(--ink);color:white;cursor:pointer}.offer-detail{display:grid;grid-template-columns:1.5fr 1fr;gap:50px}.offer-detail .offer-card{position:sticky;top:110px;align-self:start}.entry-footer{border-top:1px solid var(--line);margin-top:35px;padding-top:20px}.wp-caption{max-width:100%}.wp-caption-text{font-size:12px;color:var(--muted)}.alignwide{max-width:1100px}.alignfull{max-width:100%}.aligncenter{margin-inline:auto}.alignright{float:right;margin-left:20px}.alignleft{float:left;margin-right:20px}.entry-content:after{content:"";display:block;clear:both}.wp-block-button__link{background:var(--green);border-radius:9px}.comment-list{padding-left:20px}.comment-respond{margin-top:30px}.comment-respond label{display:block;font-size:12px}.comment-respond textarea{width:100%}.comment-respond input[type=submit]{background:var(--ink);color:#fff;cursor:pointer}
@media(min-width:1450px){.hero{padding-block:88px 78px}.hero h1{font-size:58px}.hero-tool-card{padding:33px 35px 26px}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.primary-navigation{gap:22px}.nav-list{gap:19px}.hero{gap:35px;min-height:520px}.hero h1{font-size:46px}.hero-tool-card{padding:24px}.hero-tool-card h2{font-size:25px}.hero-actions{gap:15px}.hero-actions .text-link{font-size:11px}.hero-orbit{width:340px;height:340px}.orbit-two{width:400px;height:400px}.tool-tile{padding:19px 17px}.footer-grid{gap:30px}.workspace-art{transform:scale(.9);transform-origin:center;min-height:320px;margin-right:10px}.shopee-copy{padding-left:35px}.shopee-copy h2{font-size:32px}}
@media(max-width:950px){.container{width:calc(100% - 48px)}.nav-tool{display:none}.primary-navigation{gap:0}.hero{gap:25px;padding-block:55px 40px;min-height:480px}.hero h1{font-size:38px}.hero-eyebrow{font-size:8px}.hero-description{font-size:12px}.hero-actions{gap:12px;flex-wrap:wrap}.hero-assurance{gap:12px;font-size:8px}.hero-tool-card{padding:22px}.hero-tool-card h2{font-size:22px}.hero-tool-wrap{padding-bottom:30px}.hero-orbit{display:none}.floating-note{right:-6px;font-size:9px;padding:10px 13px}.hero-tool-bottom{font-size:8px}.category-strip>span{display:none}.tools-grid{gap:12px}.tool-tile{padding:17px 14px}.tool-tile-title{font-size:13px}.tool-tile-description{font-size:10px}.offer-grid{gap:14px}.offer-card{padding:20px}.offer-title{font-size:18px}.offer-actions .button{padding-inline:9px;font-size:10px}.section-heading h2{font-size:28px}.shopee-banner{gap:10px}.workspace-art{transform:scale(.8);transform-origin:left center;margin-right:-60px}.shopee-copy{padding:35px 0 35px 30px}.shopee-copy h2{font-size:30px}.guide-cover{height:155px}.guide-cover-word{font-size:19px}.prefooter h2{font-size:20px}.footer-grid{grid-template-columns:1.2fr .6fr .6fr 1fr;gap:25px}}
@media(max-width:760px){html{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.announcement{font-size:9px}.announcement .container{min-height:31px}.announcement a{margin-left:8px}.header-inner{min-height:71px}.site-brand{font-size:23px}.menu-toggle{display:inline-flex}.primary-navigation{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px;border-bottom:1px solid var(--line);box-shadow:0 18px 22px #20341b0a}.primary-navigation.is-open{display:block}.nav-list{display:block}.nav-list>li>a{display:block;font-size:14px;padding:10px 6px}.nav-list .sub-menu{position:static;box-shadow:none;border:0;padding:8px 18px}.nav-tool{display:inline-flex;margin-top:12px}.hero{grid-template-columns:1fr;gap:32px;padding-block:42px 35px}.hero h1{font-size:clamp(36px,6.4vw,48px);margin-block:16px 18px}.hero-description{font-size:14px;max-width:540px}.hero-eyebrow{font-size:8px}.hero-actions{gap:20px;margin-top:22px}.hero-actions .text-link{font-size:12px}.hero-assurance{font-size:10px;gap:20px;margin-top:23px}.hero-tool-wrap{width:100%;max-width:550px;padding:5px 0 24px;margin-inline:auto}.hero-tool-card{padding:26px 28px 20px}.hero-tool-card h2{font-size:27px}.hero-tool-card>p{font-size:12px}.hero-tool-bottom{font-size:9px}.floating-note{right:12px;bottom:0}.category-strip{justify-content:space-between;gap:10px;padding-block:18px}.category-strip a{font-size:11px;gap:7px}.category-strip a svg{width:16px;height:16px}.section{padding-block:46px}.section-heading{align-items:flex-start;margin-bottom:23px}.section-heading h2{font-size:28px}.section-heading p,.section-side-note{display:none}.tools-grid{grid-template-columns:repeat(2,1fr);gap:13px}.tool-tile{padding:22px}.tool-tile-title{font-size:15px}.tool-tile-description{font-size:11px}.tool-tile-head{margin-bottom:20px}.offer-grid{grid-template-columns:repeat(2,1fr);gap:15px}.offer-card{padding:22px}.catalog-toolbar{align-items:flex-start;flex-direction:column;gap:14px}.catalog-search{width:100%}.catalog-search input{width:100%}.filter-button{font-size:11px;padding:8px 13px}.catalog-context{font-size:8px}.catalog-context>span:last-child{max-width:210px}.shopee-banner{grid-template-columns:1fr;gap:0}.shopee-copy{padding:32px 32px 0;max-width:100%}.shopee-copy h2{font-size:34px}.shopee-copy p{max-width:490px}.workspace-art{transform:none;min-height:343px;width:440px;max-width:100%;margin:0 auto 20px}.guide-section{padding-top:0}.guide-grid{gap:18px;grid-template-columns:1fr}.guide-card{display:grid;grid-template-columns:150px 1fr;column-gap:22px;align-items:start;padding-bottom:23px;border-bottom:1px solid var(--line)}.guide-cover{grid-row:span 4;height:150px;margin:0}.guide-cover-icon{left:20px;top:25px;width:47px;height:47px;border-radius:12px}.guide-cover-icon svg{width:27px;height:27px}.guide-cover-word{font-size:17px;right:15px;bottom:22px}.guide-meta{margin-top:3px}.guide-card h3{font-size:17px}.guide-card p{font-size:11px}.prefooter{padding:24px;gap:18px;flex-wrap:wrap;margin-bottom:42px}.prefooter h2{font-size:21px}.prefooter-spark{font-size:43px}.prefooter>.button{margin-left:61px;margin-top:2px}.footer-grid{grid-template-columns:1.1fr 1fr;gap:22px 36px;padding-bottom:25px}.footer-about{grid-column:1/-1}.footer-about p{max-width:450px}.footer-note{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;margin-top:6px;max-width:550px}.footer-grid>div:not(.footer-about):not(.footer-note)>a{font-size:12px}.footer-grid h2{font-size:13px}.footer-note p{font-size:11px}.footer-bottom{font-size:8px}.tool-dialog{padding:23px;width:calc(100% - 24px);border-radius:16px;max-height:88vh}.dialog-heading h2{font-size:23px}.tool-tabs button{padding:10px 13px;font-size:11px}.tool-controls{grid-template-columns:1fr 1fr}.tool-controls>div:last-child{grid-column:1/-1}.input-group{gap:8px}.input-group .button{padding:10px 14px}.page-hero{padding-block:40px 32px}.page-hero h1{font-size:34px}.offer-detail{grid-template-columns:1fr}.offer-detail .offer-card{position:static}.content-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:450px){.container{width:calc(100% - 32px)}.announcement a{display:none}.hero{padding-top:34px;gap:26px}.hero h1{font-size:36px}.hero-description{font-size:12px;line-height:1.9}.hero-actions{gap:17px}.hero-actions .button{font-size:11px;padding:13px 16px}.hero-actions .text-link{font-size:10px;gap:6px}.hero-assurance{font-size:8px;gap:15px}.hero-tool-card{padding:23px}.hero-tool-card h2{font-size:25px}.hero-tool-card>p{font-size:11px}.mini-label{font-size:7px}.tool-card-top{margin-bottom:21px}.category-strip a{font-size:9px;gap:4px}.category-strip a svg{width:14px;height:14px}.section-heading h2{font-size:25px}.section-heading .text-link{font-size:10px;gap:5px;max-width:120px;text-align:right}.section-heading .text-link svg{width:15px;height:15px}.tool-tile{padding:18px 16px}.tool-tile-title{font-size:14px}.tool-tile-description{font-size:10px}.tool-tile-link{font-size:9px}.offer-grid{grid-template-columns:1fr}.offer-card{padding:23px}.offer-title{font-size:22px}.offer-description{font-size:12px;min-height:0}.offer-features{font-size:11px}.offer-actions .button{font-size:12px}.offer-verified,.offer-renewal,.offer-update{font-size:10px}.catalog-context>span:last-child{max-width:160px;text-align:right}.filter-list{gap:2px}.filter-button{padding:8px 12px;font-size:10px}.shopee-copy{padding:28px 25px 0}.shopee-copy h2{font-size:29px}.shopee-copy p{font-size:11px}.workspace-art{transform:scale(.78);transform-origin:top left;width:440px;max-width:none;margin-top:10px;margin-left:12px;margin-bottom:-52px;min-height:345px}.guide-card{grid-template-columns:105px 1fr;column-gap:15px}.guide-cover{height:143px}.guide-cover-icon{left:14px;top:25px;width:39px;height:39px}.guide-cover-icon svg{width:23px;height:23px}.guide-cover-word{font-size:12px;right:12px;bottom:27px}.guide-card h3{font-size:15px;line-height:1.5}.guide-card p{font-size:10px;margin-bottom:9px}.guide-card .text-link{font-size:9px}.guide-meta{font-size:7px;gap:5px}.prefooter{gap:14px;padding:21px}.prefooter-spark{font-size:35px}.prefooter h2{font-size:19px;max-width:215px}.prefooter p{font-size:10px;max-width:225px}.prefooter>.button{margin-left:49px}.footer-bottom{flex-direction:column;gap:7px}.tool-dialog{padding:20px}.tool-tabs button{padding:10px 9px;font-size:10px}.input-group{flex-direction:column}.input-group .button{align-self:stretch}.tool-intro{font-size:12px}.result-grid{grid-template-columns:1fr}.coupon-card{align-items:flex-start;flex-direction:column}.page-hero h1{font-size:30px}.content-grid{grid-template-columns:1fr}.entry-content{font-size:14px}.entry-content h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition:none!important}}
@media print{.announcement,.site-header,.site-footer,.tool-dialog,.hero-actions,.catalog-toolbar,.tools-section,.prefooter{display:none}body{font-size:12pt;color:#000}.container{width:100%;max-width:none}.section{padding:15px 0}a{text-decoration:underline}.offer-card{break-inside:avoid}.hero{display:block;min-height:0}.hero-tool-wrap{display:none}}