.kk-star-ratings {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}.kk-star-ratings.kksr-shortcode {display: -webkit-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;}.kk-star-ratings.kksr-valign-top {margin-bottom: 2rem;}.kk-star-ratings.kksr-valign-bottom {margin-top: 2rem;}.kk-star-ratings.kksr-align-left {-webkit-box-pack: flex-start;-webkit-justify-content: flex-start;-ms-flex-pack: flex-start;justify-content: flex-start;}.kk-star-ratings.kksr-align-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}.kk-star-ratings.kksr-align-right {-webkit-box-pack: flex-end;-webkit-justify-content: flex-end;-ms-flex-pack: flex-end;justify-content: flex-end;}.kk-star-ratings .kksr-muted {opacity: .5;}.kk-star-ratings .kksr-stars {position: relative;}.kk-star-ratings .kksr-stars .kksr-stars-active, .kk-star-ratings .kksr-stars .kksr-stars-inactive {display: flex;}.kk-star-ratings .kksr-stars .kksr-stars-active {overflow: hidden;position: absolute;top: 0;left: 0;}.kk-star-ratings .kksr-stars .kksr-star {cursor: pointer;padding-right: 0px;}.kk-star-ratings.kksr-disabled .kksr-stars .kksr-star {cursor: default;}.kk-star-ratings .kksr-stars .kksr-star .kksr-icon {transition: .3s all;}.kk-star-ratings:not(.kksr-disabled) .kksr-stars:hover .kksr-stars-active {width: 0 !important;}.kk-star-ratings .kksr-stars .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars .kksr-star:hover ~ .kksr-star .kksr-icon {background-image: url(//blog.naibabiji.com/wp-content/plugins/kk-star-ratings/src/core/public/css/../svg/inactive.svg);}.kk-star-ratings .kksr-stars .kksr-stars-active .kksr-star .kksr-icon {background-image: url(//blog.naibabiji.com/wp-content/plugins/kk-star-ratings/src/core/public/css/../svg/active.svg);}.kk-star-ratings.kksr-disabled .kksr-stars .kksr-stars-active .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars:hover .kksr-star .kksr-icon {background-image: url(//blog.naibabiji.com/wp-content/plugins/kk-star-ratings/src/core/public/css/../svg/selected.svg);}.kk-star-ratings .kksr-legend {margin-left: .75rem;margin-right: .75rem;}[dir="rtl"] .kk-star-ratings .kksr-stars .kksr-stars-active {left: auto;right: 0;}

:root{--primary-brand:#0a2463;--primary-brand-dark:#081d50;--primary-brand-rgb:10,36,99;--accent-cta:#ff6b6b;--accent-cta-rgb:255,107,107;--success-green:#48bb78;--success-green-rgb:72,187,120;--warning-orange:#ed8936;--warning-orange-rgb:237,137,54;--error-red:#f56565;--error-red-rgb:245,101,101;--info-blue:#4299e1;--info-blue-rgb:66,153,225;--text-primary:#2d3748;--text-secondary:#4a5568;--text-tertiary:#718096;--text-muted:#a0aec0;--bg-primary:#fff;--bg-secondary:#f5f7fa;--bg-secondary-rgb:245,247,250;--bg-card:#fff;--bg-overlay:rgba(45,55,72,.6);--border-light:#e2e8f0;--border-medium:#cbd5e0;--border-dark:#a0aec0;--font-primary:'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;--font-mono:'SF Mono','Cascadia Code',Consolas,'Source Han Sans SC','Noto Sans CJK SC',monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-card:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-card-hover:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-modal:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--container-multi-column-base:1200px;--container-multi-column-lg:1400px;--container-multi-column-xl:1500px;--container-multi-column-4k:1600px;--container-single-column-base:750px;--container-single-column-lg:800px;--container-padding:1rem;--container-min-width:320px;--container-4k-padding:2vw;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1600px;--breakpoint-4k:1920px;--media-sm:(min-width:640px);--media-md:(min-width:768px);--media-lg:(min-width:1024px);--media-xl:(min-width:1280px);--media-2xl:(min-width:1600px);--media-4k:(min-width:1920px);--spacing-content:var(--space-16);--spacing-section:var(--space-24);--spacing-card:var(--space-8);--spacing-button:var(--space-4) var(--space-8);--spacing-form:var(--space-6);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800}*,*:before,*:after{box-sizing:border-box}h1,.h1{font-size:var(--text-4xl);font-weight:700;line-height:1.2;letter-spacing:-.025em;color:var(--text-primary);margin:0}h2,.h2{font-size:var(--text-3xl);font-weight:600;line-height:1.3;letter-spacing:-.025em;color:var(--text-primary);margin:0}h3,.h3{font-size:var(--text-2xl);font-weight:600;line-height:1.4;color:var(--text-primary);margin:0}h4,.h4{font-size:var(--text-xl);font-weight:600;line-height:1.4;color:var(--text-primary);margin:0}h5,.h5{font-size:var(--text-lg);font-weight:600;line-height:1.4;color:var(--text-primary);margin:0}h6,.h6{font-size:var(--text-base);font-weight:600;line-height:1.4;color:var(--text-primary);margin:0}p,.text{font-size:var(--text-base);line-height:1.6;color:var(--text-secondary);margin:0}.text-large{font-size:var(--text-lg);line-height:1.7;color:var(--text-secondary)}.text-small{font-size:var(--text-sm);line-height:1.6;color:var(--text-tertiary)}.text-caption{font-size:var(--text-xs);line-height:1.4;font-weight:500;color:var(--text-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-size:var(--text-base);font-weight:600;font-family:var(--font-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);line-height:1}.btn:focus{outline:2px solid var(--primary-brand);outline-offset:2px}.btn-primary{background:var(--primary-brand);color:#fff}.btn-primary:hover{background:var(--primary-brand-dark);transform:translateY(-2px);box-shadow:var(--shadow-md);color:#fff;text-decoration:none}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--accent-cta);color:#fff}.btn-secondary:hover{background:#e85555;transform:translateY(-2px);box-shadow:var(--shadow-md);color:#fff;text-decoration:none}.btn-outline{background:0 0;color:var(--primary-brand);border:2px solid var(--primary-brand)}.btn-outline:hover{background:var(--primary-brand);color:#fff;text-decoration:none}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-card);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--primary-brand)}.card-header{margin-bottom:var(--space-6)}.card-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4);line-height:1.4}.card-content{color:var(--text-secondary);line-height:1.6}.grid{display:grid;gap:var(--space-8)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.text-primary{color:var(--text-primary) !important}.text-secondary{color:var(--text-secondary) !important}.text-tertiary{color:var(--text-tertiary) !important}.text-muted{color:var(--text-muted) !important}.bg-primary{background:var(--bg-primary) !important}.bg-secondary{background:var(--bg-secondary) !important}.bg-card{background:var(--bg-card) !important}.m-0{margin:0 !important}.mt-4{margin-top:var(--space-4) !important}.mb-4{margin-bottom:var(--space-4) !important}.mb-6{margin-bottom:var(--space-6) !important}.mb-8{margin-bottom:var(--space-8) !important}.p-4{padding:var(--space-4) !important}.p-6{padding:var(--space-6) !important}.p-8{padding:var(--space-8) !important}.hidden{display:none !important}.block{display:block !important}.flex{display:flex !important}.grid{display:grid !important}.text-left{text-align:left !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.highlight{background:linear-gradient(120deg,var(--accent-cta) 0%,var(--accent-cta) 100%);background-size:100% .3em;background-repeat:no-repeat;background-position:0 88%;color:var(--text-primary);font-weight:600;padding:0 var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.highlight:hover{background-size:100% 100%;color:#fff !important}
:root{--radius-card:6px;--radius-section:12px;--bg-tertiary:#f1f5f9;--code-bg:#f7fafc;--bg-warning:#fef3c7}*{margin:0;padding:0;box-sizing:border-box}body{transition:padding-top var(--transition-normal)}h1,h2,h3,h4,h5,h6,p,a,span,div,li,td,th,blockquote,pre,code{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;max-width:100%}body{font-family:var(--font-primary);font-size:var(--text-lg);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-normal),color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.scroll-progress{position:fixed;top:0;left:0;width:0;height:3px;background:var(--primary-brand);z-index:2000;transition:width var(--transition-fast)}html{scroll-behavior:auto}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;transition-duration:.01ms !important}}*:focus-visible{outline:2px solid var(--primary-brand);outline-offset:2px}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:none}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--primary-brand);color:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;z-index:999}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:#0d47a1;transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.back-to-top svg{stroke:#fff;transition:transform .2s ease}.back-to-top:hover svg{transform:translateY(-2px)}@media (max-width:768px){.back-to-top{width:40px;height:40px;bottom:20px;right:20px}.back-to-top svg{width:20px;height:20px}}.wp-block-button{display:inline-block;margin:0}.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;text-align:center;word-break:break-word;box-sizing:border-box;margin-bottom:.75rem;background-color:var(--primary-brand) !important;color:#fff;border-radius:20px;box-shadow:0 1px 3px rgba(0,0,0,.05);border:none;text-decoration:none;   padding:var(--space-2) var(--space-4) !important;font-size:var(--text-sm) !important;font-weight:600;font-family:var(--font-primary);transition:all .2s ease;position:relative;padding-left:2.5rem !important}.wp-block-button__link:before{content:"→";position:absolute;left:1rem;font-size:var(--text-lg);transition:transform .2s ease}.wp-block-button__link:hover{   background-color:var(--accent-cta) !important;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transform:translateY(-2px);color:#fff;text-decoration:none}.wp-block-button__link:hover:before{transform:translateY(-2px)}.wp-block-button__link:active{transform:translateY(1px);box-shadow:0 1px 3px rgba(0,0,0,.05)}.wp-block-button__link:focus{outline:2px solid rgba(var(--primary-brand-rgb),.4);outline-offset:2px}@media (max-width:480px){.wp-block-button__link{padding:.75rem 1rem;font-size:var(--text-sm);padding-left:2rem}.wp-block-button__link:before{left:.75rem}}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons .wp-block-button__link{width:auto}.wp-element-button{cursor:pointer}
.container{max-width:var(--container-multi-column-base);margin:0 auto;min-width:var(--container-min-width);padding:0 var(--container-padding)}.container.single-column{max-width:var(--container-single-column-base)}.main-layout.page-full-width .container{max-width:var(--container-multi-column-base)}@media (min-width:1440px) and (max-width:1599px){.container{max-width:var(--container-multi-column-lg)}.container.single-column{max-width:var(--container-single-column-lg)}.main-layout.page-full-width .container{max-width:var(--container-multi-column-lg)}}@media (min-width:1600px) and (max-width:1919px){.container{width:calc(1400px + (100vw - 1600px) * 0.1);max-width:none}.container.single-column{max-width:var(--container-single-column-lg);width:auto}.main-layout.page-full-width .container{width:calc(1400px + (100vw - 1600px) * 0.1);max-width:none}}@media (min-width:1920px) and (max-width:2559px){.container{max-width:var(--container-multi-column-xl);width:auto}.container.single-column{max-width:var(--container-single-column-lg)}.main-layout.page-full-width .container{max-width:var(--container-multi-column-xl)}}@media (min-width:2560px){.container{max-width:var(--container-multi-column-4k);padding:0 var(--container-4k-padding);width:auto}.container.single-column{max-width:var(--container-single-column-lg);padding:0 var(--container-padding)}.main-layout.page-full-width .container{max-width:var(--container-multi-column-4k);padding:0 var(--container-4k-padding)}}.main-layout{display:grid;grid-template-columns:1fr 350px;gap:var(--space-16);padding:var(--space-12) 0;align-items:start}.main-layout.page-full-width{display:block;padding:0}.main-layout.page-full-width .content-area{width:100%;max-width:100%;margin:0 auto}.content-area{min-width:0}.content-area.full-width{width:100%;max-width:100%;margin:0 auto}.page .page-content{background:var(--bg-primary);border-radius:12px;padding:var(--space-8);box-shadow:var(--shadow-card);border:1px solid rgba(0,0,0,.05)}.page-content-body{font-size:var(--text-lg);line-height:1.8;color:var(--text-primary)}.page-content-body p{margin-bottom:var(--space-6)}.page-content-body h1{font-size:var(--text-4xl);font-weight:700;margin:var(--space-12) 0 var(--space-6);color:var(--text-primary);border-bottom:3px solid var(--primary-brand);padding-bottom:var(--space-3)}.page-content-body h2{font-size:var(--text-2xl);font-weight:700;margin:var(--space-8) 0 var(--space-4);color:var(--text-primary);border-bottom:2px solid var(--border-light);padding-bottom:var(--space-2)}.page-content-body h3{font-size:var(--text-xl);font-weight:700;margin:var(--space-6) 0 var(--space-4);color:var(--primary-brand)}.page-content-body h4{font-size:var(--text-lg);font-weight:600;margin:var(--space-4) 0 var(--space-3);color:var(--text-primary)}.page-content-body h5{font-size:var(--text-base);font-weight:600;margin:var(--space-4) 0 var(--space-3);color:var(--text-primary)}.page-content-body h6{font-size:var(--text-sm);font-weight:600;margin:var(--space-3) 0 var(--space-2);color:var(--text-secondary)}.page-content-body img{max-width:100%;height:auto;border-radius:8px;margin:var(--space-6) 0}.page-content-body blockquote{border-left:4px solid var(--primary-brand);padding:var(--space-4) var(--space-6);margin:var(--space-6) 0;background:var(--bg-secondary);color:var(--text-secondary);border-radius:12px}.page-content-body blockquote strong{font-weight:600;color:var(--primary-brand)}.page-content-body ul,.page-content-body ol{margin:var(--space-6) 0;padding-left:var(--space-8)}.page-content-body li{margin-bottom:var(--space-3)}.page-content-body code{background:var(--bg-secondary);padding:var(--space-1) var(--space-2);border-radius:4px;font-family:'Fira Code',monospace,'Courier New',Courier;font-size:.9em}.page-content-body pre{background:var(--bg-secondary);padding:var(--space-4);border-radius:8px;overflow-x:auto;margin:var(--space-6) 0;font-family:'Fira Code',monospace,'Courier New',Courier;font-size:.9em;line-height:1.5}.page-content-body pre code{background:0 0;padding:0;border-radius:0;font-size:.95em;line-height:1.6;color:var(--text-primary)}.page-content-body table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-card)}.page-content-body th,.page-content-body td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-light)}.page-content-body th{background:var(--bg-secondary);font-weight:600;color:var(--text-primary)}.page-content-body tr:hover{background:var(--bg-secondary)}.sidebar-area{position:sticky;top:calc(80px + var(--space-4))}@media (max-width:768px){.main-layout{grid-template-columns:1fr}.sidebar-area{position:static;margin-top:var(--space-8)}}.full-width-container{width:100%;position:relative;margin-left:auto;margin-right:auto;box-sizing:border-box}.container-fluid{width:100%;padding-left:var(--container-padding);padding-right:var(--container-padding);box-sizing:border-box}.container-compact{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.two-column-layout{display:grid;grid-template-columns:2fr 1fr;gap:var(--gap,2rem);align-items:center}.two-column-equal-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap,2rem);align-items:center}.three-column-layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--gap,1.5rem)}.layout-content{display:flex;flex-direction:column;justify-content:center;min-height:100%}.layout-image{display:flex;justify-content:center;align-items:center;min-height:100%}@media (max-width:1024px){.two-column-layout,.two-column-equal-layout{grid-template-columns:1fr}.three-column-layout{grid-template-columns:1fr 1fr}}@media (max-width:768px){.three-column-layout{grid-template-columns:1fr}.content-container{padding-left:var(--padding-x-mobile,1rem);padding-right:var(--padding-x-mobile,1rem)}}.layout-nested{width:100%}.layout-center{display:flex;justify-content:center;align-items:center}.layout-vertical-center{display:flex;flex-direction:column;justify-content:center;min-height:100%}.layout-horizontal-center{display:flex;justify-content:center}.layout-space-between{display:flex;justify-content:space-between;align-items:center}.layout-flow{display:flex;flex-wrap:wrap;gap:var(--gap,1rem)}.layout-fixed-height{height:var(--fixed-height,400px);overflow:hidden}.layout-min-height{min-height:var(--min-height,400px)}.layout-scrollable{overflow-y:auto;max-height:var(--max-height,500px)}.layout-float{position:relative;z-index:1}.layout-overlap{position:relative}.layout-overlap>*{position:relative;z-index:1}.layout-overlap-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.layout-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-width, 300px), 1fr));gap:var(--gap,1.5rem)}@media (min-width:1400px){.content-container{max-width:var(--max-width-wide,1400px)}}
.navbar{background:var(--bg-primary);border-bottom:1px solid var(--border-light);position:fixed;width:100%;left:0;top:0;z-index:1000;backdrop-filter:blur(8px);transition:transform .3s ease-out,box-shadow .3s ease,opacity .3s ease;will-change:transform,opacity}.navbar.scrolled{box-shadow:var(--shadow-md)}.navbar.navbar-hidden{transform:translateY(-100%);box-shadow:none;opacity:0;pointer-events:none}.nav-content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;position:relative}.brand{font-size:var(--text-xl);font-weight:700;color:var(--primary-brand);text-decoration:none;letter-spacing:-.025em}.nav-menu{display:flex;align-items:center;gap:var(--space-4);list-style:none;margin:0;padding:0}.nav-item{position:relative}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:var(--text-base);transition:color var(--transition-fast);position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:6px}.nav-link:hover{color:var(--primary-brand);background:rgba(10,36,99,.05)}.nav-link.active:after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:20px;height:2px;background:var(--primary-brand);border-radius:1px}.nav-icon{font-size:var(--text-sm);margin-right:var(--space-1);display:inline-block;vertical-align:middle}.dropdown-arrow{font-size:var(--text-xs);transition:transform var(--transition-fast);opacity:.7}.nav-item:hover .dropdown-arrow{transform:rotate(180deg)}.nav-actions{display:flex;align-items:center;gap:var(--space-4)}.mega-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:900px;max-width:90vw;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.1),0 4px 12px rgba(0,0,0,.05);opacity:0;visibility:hidden;transform:translateX(-50%) translateY(-10px);transition:all var(--transition-normal);z-index:1001;margin-top:var(--space-2)}.mega-menu-container{padding:var(--space-8)}.mega-menu-content{display:grid;grid-template-columns:repeat(3,1fr) 300px;gap:var(--space-8)}.mega-menu-column{min-width:0}.mega-menu-title{font-size:var(--text-base);font-weight:600;color:var(--primary-brand);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-light)}.title-icon{font-size:var(--text-lg)}.mega-menu-list{list-style:none;margin:0;padding:0}.mega-menu-list li{margin-bottom:var(--space-1)}.mega-menu-link{display:block;color:var(--text-secondary);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:6px;font-size:var(--text-sm);transition:all var(--transition-fast);position:relative}.mega-menu-link:hover{background:rgba(10,36,99,.08);color:var(--primary-brand);transform:translateX(4px)}.mega-menu-link:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:2px;background:var(--primary-brand);transition:width var(--transition-fast)}.mega-menu-link:hover:before{width:3px}.mega-menu-featured{background:linear-gradient(135deg,rgba(10,36,99,.05),rgba(10,36,99,.02));border:1px solid rgba(10,36,99,.1);border-radius:12px;padding:var(--space-6)}.featured-title{font-size:var(--text-base);font-weight:600;color:var(--primary-brand);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.featured-articles{margin-bottom:var(--space-6)}.featured-article{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:8px;transition:background var(--transition-fast);margin-bottom:var(--space-3)}.featured-article:hover{background:rgba(255,255,255,.5)}.article-thumb{width:40px;height:40px;background:var(--primary-brand);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.thumb-icon{font-size:var(--text-lg);filter:grayscale(1) brightness(2)}.article-info{flex:1;min-width:0}.article-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1) 0;line-height:1.4}.article-title a{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast);position:relative}.article-title a:hover{color:var(--primary-brand)}.article-title a:after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--primary-brand);transition:width var(--transition-fast)}.article-title a:hover:after{width:100%}.article-meta{font-size:var(--text-xs);color:var(--text-tertiary);margin:0}.mega-menu-cta{text-align:center}.mega-menu-cta .cta-button{display:inline-block;background:var(--primary-brand);color:#fff;text-decoration:none;padding:var(--space-2) var(--space-4);border-radius:6px;font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast)}.mega-menu-cta .cta-button:hover{background:#0d47a1;transform:translateY(-1px);box-shadow:0 4px 12px rgba(10,36,99,.3)}.dropdown-menu{position:absolute;top:100%;left:0;min-width:220px;background:rgba(255,255,255,.95);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.1);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-normal);z-index:1001;margin-top:var(--space-2)}.dropdown-content{padding:var(--space-4)}.dropdown-link{display:flex;align-items:center;gap:var(--space-3);color:var(--text-secondary);text-decoration:none;padding:var(--space-3);border-radius:8px;font-size:var(--text-sm);transition:all var(--transition-fast);margin-bottom:var(--space-1)}.dropdown-link:hover{background:rgba(10,36,99,.08);color:var(--primary-brand)}.link-icon{font-size:var(--text-base);opacity:.8}.nav-item:hover .mega-menu,.nav-item:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.nav-item:hover .dropdown-menu{transform:translateY(0)}.mega-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.1);opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:999;backdrop-filter:blur(2px)}.nav-item:hover~.mega-menu-overlay{opacity:1;visibility:visible}.mobile-menu-btn{display:none;background-color:rgba(240,240,240,.5);border:1px solid var(--border-medium);color:var(--text-primary);width:40px;height:40px;border-radius:6px;cursor:pointer;font-size:var(--text-lg);transition:all .3s ease;align-items:center;justify-content:center;z-index:1001}body.menu-open{overflow:hidden;position:fixed;width:100%;height:100%}body.mobile-menu-open .mobile-menu-btn{background-color:var(--primary-brand,#0a2463);color:#fff;border-color:var(--primary-brand,#0a2463);box-shadow:0 0 0 3px rgba(10,36,99,.3)}@media (min-width:1600px){.mega-menu{width:1100px}.mega-menu-content{grid-template-columns:repeat(3,1fr) 350px;gap:var(--space-12)}.nav-link{font-size:var(--text-lg);padding:var(--space-4) var(--space-6)}}@media (min-width:1920px){.brand{font-size:var(--text-2xl)}.nav-link{font-size:var(--text-lg)}.nav-content{padding:var(--space-6) 0}}@media (max-width:1024px){.mega-menu{width:95vw}.mega-menu-content{grid-template-columns:1fr;gap:var(--space-6)}.mega-menu-featured{order:-1}.search-input{width:150px}.search-input:focus{width:200px}}@media (max-width:768px){.mobile-menu-btn{display:flex}.nav-link.active:after{display:none}.mega-menu-featured{display:none}.nav-menu{display:none;position:absolute;top:100%;left:0;width:100%;background-color:#fff;backdrop-filter:blur(5px);box-shadow:0 4px 12px rgba(0,0,0,.2);border:1px solid var(--border-medium);z-index:100;padding:var(--space-4) 0;max-width:100%;margin:0}.nav-menu.active{display:block}.nav-menu .menu-item{display:block;margin:0;padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--border-light);background-color:var(--surface-primary)}.nav-menu .menu-item:hover{background-color:var(--surface-secondary)}.nav-menu .menu-item:last-child{border-bottom:none}.nav-menu .menu-item>a{display:block;font-weight:500;color:var(--text-primary);padding:var(--space-2) 0}.nav-menu .dropdown-menu{position:static;box-shadow:none;display:none;padding-left:var(--space-6);background-color:var(--surface-secondary);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);backdrop-filter:blur(5px);padding:var(--space-2) var(--space-6);margin:var(--space-2) 0}.nav-menu .dropdown-menu.active{display:block}.nav-menu .mega-menu{position:relative;width:100%;box-shadow:var(--shadow-md);padding:0;background-color:var(--surface-secondary);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);backdrop-filter:blur(5px);display:none;margin:0;left:0;transform:none;max-width:100%;z-index:100;-webkit-overflow-scrolling:touch;overflow-y:auto;max-height:80vh}.nav-menu .mega-menu.active{display:block}.nav-menu .mega-menu .mega-menu-content{display:block;padding:0;width:100%;max-width:100%;overflow-x:hidden}.nav-menu .mega-menu .mega-menu-column{margin-bottom:0;padding:0;background-color:var(--surface-secondary);border-radius:0;border-bottom:1px solid var(--border-light);width:100%}.nav-menu .mega-menu .mega-menu-column:last-child{border-bottom:none}.nav-menu .mega-menu .mega-menu-column h4{font-size:var(--text-md);margin:0;padding:var(--space-3) var(--space-6);border-bottom:none;background-color:var(--surface-secondary);display:flex;align-items:center;justify-content:space-between;cursor:pointer;position:relative}.nav-menu .mega-menu .mega-menu-column h4:after{content:'+';font-size:var(--text-lg);font-weight:300;color:var(--text-secondary);transition:transform .3s ease}.nav-menu .mega-menu .mega-menu-column h4.active{background-color:var(--surface-secondary)}.nav-menu .mega-menu .mega-menu-column h4.active:after{content:'-'}.nav-menu .mega-menu .mega-menu-list{margin:0;padding:0;list-style:none;background-color:var(--surface-secondary);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.nav-menu .mega-menu .mega-menu-list li{margin:0;border-bottom:1px solid var(--border-light);width:100%;position:relative}.nav-menu .mega-menu .mega-menu-list li:last-child{border-bottom:none}.nav-menu .mega-menu .mega-menu-list li a{display:block;padding:var(--space-3) var(--space-8);color:var(--text-primary);font-size:var(--text-sm);text-decoration:none;transition:all .2s ease;white-space:normal;word-break:break-word;overflow-wrap:break-word}.nav-menu .mega-menu .mega-menu-list li a:hover,.nav-menu .mega-menu .mega-menu-list li a:focus{background-color:var(--surface-secondary);color:var(--text-accent);padding-left:calc(var(--space-8) + 5px)}.nav-menu .mega-menu .mega-menu-featured{padding:0;background-color:var(--surface-secondary);border-top:1px solid var(--border-light)}.nav-menu .mega-menu .featured-articles{padding:var(--space-3) var(--space-6)}.nav-menu .mega-menu .featured-article{padding:var(--space-3) 0;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:var(--space-3)}.nav-menu .mega-menu .featured-article:last-child{border-bottom:none}.nav-menu .mega-menu .featured-article img{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-sm)}.nav-menu .mega-menu .featured-article .article-info{flex:1}.nav-menu .mega-menu .featured-article .article-title{font-size:var(--text-sm);font-weight:500;margin:0 0 var(--space-1);line-height:1.3}.nav-menu .mega-menu .featured-article .article-meta{font-size:var(--text-xs);color:var(--text-secondary);display:flex;gap:var(--space-2)}.nav-menu .mega-menu .view-all-link{display:block;text-align:center;padding:var(--space-3) 0;margin-top:var(--space-2);background-color:var(--surface-secondary);color:var(--text-accent);font-weight:500;border-radius:var(--radius-sm);transition:all .2s ease}.nav-menu .mega-menu .view-all-link:hover{background-color:var(--surface-hover)}.nav-menu .mega-menu .mega-menu-cta{padding:var(--space-4) var(--space-6);text-align:center;background-color:var(--surface-secondary);border-top:1px solid var(--border-light)}.nav-menu .mega-menu .mega-menu-cta .btn{display:block;width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-primary);color:var(--text-on-primary);border-radius:var(--radius-sm);font-weight:500;text-align:center;transition:all .2s ease}.nav-menu .mega-menu .mega-menu-cta .btn:hover{background-color:#0056b3;transform:translateY(-2px)}.nav-actions{gap:var(--space-2)}.search-box{display:none}.nav-content{justify-content:space-between;padding:var(--space-4) var(--space-2)}}
.article-header{margin-bottom:var(--space-12);text-align:center}.article-category{display:inline-block;background:var(--primary-brand);color:#fff;padding:var(--space-2) var(--space-4);border-radius:20px;font-size:var(--text-sm);font-weight:500;text-decoration:none;margin-bottom:var(--space-6);transition:all var(--transition-fast)}.article-category:hover{background:#0d47a1;transform:translateY(-1px)}.article-title{font-size:var(--text-4xl);font-weight:700;line-height:1.2;letter-spacing:-.025em;margin-bottom:var(--space-6);color:var(--text-primary);overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.article-subtitle{font-size:var(--text-xl);color:var(--text-secondary);font-weight:400;margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.article-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-6);color:var(--text-tertiary);font-size:var(--text-sm);flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:var(--space-2)}.meta-separator{width:4px;height:4px;background:var(--text-tertiary);border-radius:50%}.article-content{background:var(--bg-primary);border-radius:12px;padding:var(--space-12);box-shadow:var(--shadow-card);margin-bottom:var(--space-12);border:1px solid var(--border-light)}.prose{max-width:none;font-size:var(--text-lg);line-height:1.7;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}@media (min-width:1600px){.prose{font-size:var(--text-xl);line-height:1.8}.prose h2{font-size:var(--text-3xl);margin:var(--space-16) 0 var(--space-8) 0}.prose h3{font-size:var(--text-2xl);margin:var(--space-12) 0 var(--space-6) 0}.prose p{margin-bottom:var(--space-8)}.prose blockquote{padding:var(--space-8);margin:var(--space-12) 0}}.prose h2{font-size:var(--text-2xl);font-weight:600;margin:var(--space-12) 0 var(--space-6) 0;color:var(--text-primary);position:relative;padding-bottom:var(--space-3);border-bottom:2px solid var(--border-light);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.prose h2:first-child{margin-top:0}.prose h3{font-size:var(--text-xl);font-weight:600;margin:var(--space-8) 0 var(--space-4) 0;color:var(--primary-brand)}.prose h4{font-size:var(--text-lg);font-weight:600;margin:var(--space-6) 0 var(--space-3) 0;color:var(--text-primary)}.prose p{margin-bottom:var(--space-6);line-height:1.7}.prose a{color:var(--primary-brand);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.prose a:hover{border-bottom-color:var(--primary-brand)}.prose ul,.prose ol{margin:var(--space-6) 0;padding-left:var(--space-6)}.prose li{margin-bottom:var(--space-3);line-height:1.6}.prose li::marker{color:var(--primary-brand)}.prose blockquote{background:var(--bg-secondary);border-left:4px solid var(--primary-brand);padding:var(--space-6);margin:var(--space-8) 0;border-radius:0 8px 8px 0;font-style:italic;position:relative}.prose blockquote:before{content:'"';font-size:3rem;color:var(--primary-brand);position:absolute;top:var(--space-2);left:var(--space-4);opacity:.3;line-height:1}.prose blockquote p{margin:0;padding-left:var(--space-8);color:var(--text-secondary)}.code-container{background:var(--code-bg);border:1px solid var(--border-light);border-radius:12px;margin:var(--space-8) 0;overflow:hidden;box-shadow:var(--shadow-sm)}@media (min-width:1600px){.code-container{border-radius:16px;margin:var(--space-12) 0}.prose pre{font-size:var(--text-base);padding:var(--space-8)}}.code-header{background:var(--bg-secondary);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm)}.code-lang{color:var(--text-secondary);font-family:var(--font-mono);font-weight:500}.copy-btn{background:var(--primary-brand);color:#fff;border:none;padding:var(--space-2) var(--space-3);border-radius:6px;font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.copy-btn:hover{background:#0d47a1;transform:translateY(-1px)}.copy-btn.copied{background:var(--success-green)}.prose pre{background:0 0;color:var(--text-primary);padding:var(--space-6);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;margin:0}.prose code{background:rgba(10,36,99,.1);color:var(--primary-brand);padding:.2em .4em;border-radius:4px;font-family:var(--font-mono);font-size:.9em;font-weight:500}.info-box{background:linear-gradient(135deg,rgba(10,36,99,.05),rgba(10,36,99,.02));border:1px solid rgba(10,36,99,.2);border-radius:12px;padding:var(--space-6);margin:var(--space-8) 0;position:relative;overflow:hidden}.info-box:before{content:'';position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--primary-brand)}.info-box-title{font-weight:600;color:var(--primary-brand);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.cta-section{background:linear-gradient(135deg,var(--primary-brand),#1e40af);color:#fff;border-radius:16px;padding:var(--space-8);text-align:center;margin:var(--space-12) 0}.cta-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-4);color:#fff}.cta-description{font-size:var(--text-lg);margin-bottom:var(--space-8);opacity:.9;color:#fff}.cta-button{background:var(--accent-cta);color:#fff;border:none;padding:var(--space-4) var(--space-8);border-radius:8px;font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:inline-block}.cta-button:hover{background:#e53e3e;transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,107,107,.3)}.single-post .post-header{margin-bottom:var(--space-8);text-align:center}.single-post .post-title{font-size:var(--text-4xl);font-weight:800;margin-bottom:var(--space-6);line-height:1.2;color:var(--text-primary)}.single-post .post-subtitle{font-size:var(--text-xl);color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.5}.single-post .post-meta{justify-content:center;margin-bottom:var(--space-8)}.single-post .post-content{background:var(--bg-primary);border-radius:12px;padding:var(--space-8);box-shadow:var(--shadow-card);border:1px solid rgba(0,0,0,.05);margin-top:var(--space-8);font-size:var(--text-lg);line-height:1.8;color:var(--text-primary);margin-bottom:var(--space-8)}.single-post .post-content p{margin-bottom:var(--space-6)}.single-post .post-content h2{font-size:var(--text-2xl);font-weight:700;margin:var(--space-8) 0 var(--space-4);color:var(--text-primary);border-bottom:2px solid var(--border-light)}.single-post .post-content h3{font-size:var(--text-xl);font-weight:700;margin:var(--space-6) 0 var(--space-4);color:var(--primary-brand)}.single-post .post-content img{max-width:100% !important;width:auto !important;height:auto !important;border-radius:8px;margin:var(--space-6) auto;display:block}.single-post .post-content blockquote{border-left:4px solid var(--primary-brand);padding:var(--space-4) var(--space-6);margin:var(--space-6) 0;background:var(--bg-secondary);color:var(--text-secondary);border-radius:12px}.single-post .post-content blockquote strong{font-weight:600;color:var(--primary-brand)}.single-post .post-content ul,.single-post .post-content ol{margin:var(--space-6) 0;padding-left:var(--space-8)}.single-post .post-content li{margin-bottom:var(--space-3)}.single-post .post-content code{background:var(--bg-secondary);padding:var(--space-1) var(--space-2);border-radius:4px;font-family:'Fira Code',monospace,'Courier New',Courier;font-size:.9em}@media (min-width:1600px){.single-post .post-content{font-size:var(--text-xl);line-height:1.8;padding:var(--space-12)}.single-post .post-content p,.single-post .post-content ul,.single-post .post-content ol,.single-post .post-content li{font-size:inherit !important}.single-post .post-content h2{font-size:var(--text-3xl)}.single-post .post-content h3{font-size:var(--text-2xl)}.single-post .post-title{font-size:var(--text-4xl)}.single-post .post-subtitle{font-size:var(--text-2xl)}}@media (min-width:1920px){.single-post .post-content{padding:var(--space-16)}.single-post .post-header{margin-bottom:var(--space-12)}}.single-post .post-content .code-container{margin:var(--space-6) 0;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.15);border:1px solid var(--border-color);background-color:var(--bg-secondary)}.single-post .post-content .code-header{background:var(--bg-secondary);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm)}.single-post .post-content .code-lang{font-weight:600;color:var(--primary-brand)}.single-post .post-content .copy-btn{background:var(--primary-brand);border:none;color:#fff;padding:var(--space-1) var(--space-3);border-radius:4px;cursor:pointer;font-size:var(--text-sm);transition:all .2s ease;font-weight:500}.single-post .post-content .copy-btn:hover{background:#0056b3}.single-post .post-content .copy-btn.copied{background:#28a745}.single-post .post-content pre{background:var(--bg-secondary);padding:var(--space-4);border-radius:0;overflow-x:auto;margin:0;font-family:'Fira Code',monospace,'Courier New',Courier;font-size:.9em;line-height:1.5}.single-post .post-content pre code{background:0 0;padding:0;border-radius:0;font-size:.95em;line-height:1.6;color:var(--text-primary)}.single-post .post-footer{border-top:1px solid var(--border-light);padding-top:var(--space-6);margin-top:var(--space-8)}.single-post .post-tags{margin-bottom:var(--space-6)}.single-post .tags-title{font-weight:500;margin-right:var(--space-2)}.author-box{display:flex;align-items:center;gap:var(--space-6);background:var(--bg-secondary);border-radius:12px;padding:var(--space-6);margin:var(--space-8) 0;box-shadow:var(--shadow-sm)}.author-avatar img{border-radius:50%;width:80px;height:80px;object-fit:cover}.author-info{flex:1}.author-name{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2);color:var(--text-primary)}.author-bio{color:var(--text-secondary);line-height:1.6;margin:0}.post-navigation{margin:var(--space-8) 0;background:var(--bg-primary);border-radius:12px;padding:var(--space-8);box-shadow:var(--shadow-card)}.nav-links{display:flex;justify-content:space-between;gap:var(--space-4)}.nav-previous,.nav-next{flex:1;background:var(--bg-secondary);border-radius:8px;padding:var(--space-4);transition:all var(--transition-fast)}.nav-previous:hover,.nav-next:hover{background:var(--bg-tertiary)}.nav-previous a,.nav-next a{display:flex;flex-direction:column;text-decoration:none;color:var(--text-primary)}.nav-direction{font-size:var(--text-sm);color:var(--primary-brand);margin-bottom:var(--space-2)}.nav-title{font-weight:500}.nav-next{text-align:right}.nav-next a{align-items:flex-end}.related-posts{margin:var(--space-12) 0;background:var(--bg-primary);border-radius:12px;padding:var(--space-8);box-shadow:var(--shadow-card)}.section-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-6);color:var(--text-primary);position:relative;padding-left:var(--space-4)}.section-title:before{content:'';position:absolute;left:0;top:0;height:100%;width:4px;background:var(--primary-brand);border-radius:2px}.related-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.related-post{background:var(--bg-secondary);border-radius:8px;padding:var(--space-4);transition:all var(--transition-fast)}.related-post:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.related-post-link{text-decoration:none;color:inherit}.related-post-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);color:var(--text-primary);line-height:1.4}.related-post-meta{font-size:var(--text-sm);color:var(--text-tertiary)}figure.wp-block-gallery.has-nested-images{display:flex !important;flex-wrap:wrap !important;margin-bottom:var(--space-8);gap:var(--space-4);align-items:stretch}figure.wp-block-gallery.has-nested-images figure.wp-block-image{margin:0 !important;display:flex;flex-direction:column}figure.wp-block-gallery.has-nested-images figure.wp-block-image img{width:100% !important;height:auto !important;max-width:100% !important;object-fit:cover;flex:1}figure.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image,figure.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image{width:calc(33.333% - (var(--space-4) * 2 / 3)) !important}figure.wp-block-gallery.has-nested-images.columns-2 figure.wp-block-image{width:calc(50% - (var(--space-4) / 2)) !important}figure.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image{width:calc(25% - (var(--space-4) * 3 / 4)) !important}@media (max-width:768px){figure.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image,figure.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image,figure.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image{width:calc(50% - (var(--space-4) / 2)) !important}}@media (max-width:480px){figure.wp-block-gallery.has-nested-images figure.wp-block-image{width:100% !important}}
.sidebar-widget{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-card)}.sidebar-hosting ul{list-style:none;padding:0;margin:0}.sidebar-hosting li{padding:var(--space-3) 0;border-bottom:1px solid var(--border-light)}.sidebar-hosting li:last-child{border-bottom:none}.sidebar-hosting img{display:block;margin:0 auto;max-width:100%;height:auto;border-radius:8px;transition:transform var(--transition-fast)}.sidebar-hosting img:hover{transform:translateY(-2px)}.widget-content ul{list-style:none}.widget-content li{padding:var(--space-3) 0;border-bottom:1px solid var(--border-light)}.widget-content li:last-child{border-bottom:none}.widget-content a{color:var(--text-secondary);text-decoration:none;display:block;transition:color var(--transition-fast);font-size:var(--text-base)}.widget-content a:hover{color:var(--primary-brand)}.category-count{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:400;margin-left:var(--space-1)}
.footer{background:linear-gradient(135deg,var(--primary-brand) 0%,#1e40af 100%);color:#fff;margin-top:var(--space-24);position:relative;overflow:hidden;padding:var(--space-8) 0}.footer:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="60" height="60" patternUnits="userSpaceOnUse"><path d="m 60 0 l 0 60 M 0 60 l 60 0" fill="none" stroke="%23ffffff" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>') repeat;opacity:.3;pointer-events:none}.footer-main{display:grid;grid-template-columns:2.2fr 1.3fr 1fr;gap:var(--space-8);padding:var(--space-12) 0;position:relative;z-index:1}.footer-brand{max-width:520px}.footer-logo{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-4);color:#fff;letter-spacing:-.025em}.footer-description{font-size:var(--text-base);line-height:1.65;color:rgba(255,255,255,.85);margin-bottom:var(--space-8);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-variant-emoji:normal;word-spacing:.05em;letter-spacing:.01em}.footer-description br{margin-bottom:.2em}.footer-brand{text-shadow:0 1px 2px rgba(0,0,0,.1)}.footer-stats{display:flex;gap:var(--space-8);margin-top:var(--space-6)}.stat-item{text-align:center}.stat-number{display:block;font-size:var(--text-2xl);font-weight:700;color:#fff;line-height:1.2;transition:all .3s ease;min-width:4rem}.stat-label{display:block;font-size:var(--text-sm);color:rgba(255,255,255,.7);margin-top:var(--space-1)}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.link-group{min-width:0}.link-title{font-size:var(--text-lg);font-weight:600;color:#fff;margin-bottom:var(--space-4);position:relative;padding-bottom:var(--space-2)}.link-title:after{content:'';position:absolute;bottom:0;left:0;width:30px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.8),transparent);border-radius:1px}.link-list{list-style:none;padding:0;margin:0}.link-list li{margin-bottom:var(--space-3)}.footer-link{color:rgba(255,255,255,.7);text-decoration:none;font-size:var(--text-base);transition:all var(--transition-fast);display:inline-block;position:relative}.footer-link:hover{color:#fff;transform:translateX(4px)}.footer-link:before{content:'';position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:0;height:2px;background:#fff;transition:width var(--transition-fast)}.footer-link:hover:before{width:6px}.footer-contact{max-width:300px}.contact-title{font-size:var(--text-lg);font-weight:600;color:#fff;margin-bottom:var(--space-4);position:relative;padding-bottom:var(--space-2)}.contact-title:after{content:'';position:absolute;bottom:0;left:0;width:30px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.8),transparent);border-radius:1px}.contact-info{margin-bottom:var(--space-8)}.contact-item{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.contact-icon{font-size:var(--text-lg);opacity:.8}.contact-link{color:rgba(255,255,255,.8);text-decoration:none;transition:color var(--transition-fast);font-size:var(--text-base)}.contact-link:hover{color:#fff}.wechat-contact-link{cursor:pointer}.wechat-contact-link:hover{text-decoration:underline}.contact-text{color:rgba(255,255,255,.7);font-size:var(--text-base)}.social-links{margin-bottom:var(--space-8)}.social-title{font-size:var(--text-base);font-weight:600;color:#fff;margin-bottom:var(--space-4)}.social-icons{display:flex;flex-wrap:wrap;gap:var(--space-4)}.social-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:rgba(255,255,255,.1);border-radius:8px;color:rgba(255,255,255,.8);text-decoration:none;transition:all var(--transition-fast);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.social-link:hover{background:rgba(255,255,255,.2);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.wechat-link,.douyin-link{position:relative;cursor:pointer}.social-icon{font-size:var(--text-base)}.social-label{font-size:var(--text-sm);font-weight:500}.footer-friends{border-top:1px solid rgba(255,255,255,.1);padding:var(--space-8) 0;margin-top:var(--space-4)}.friends-title{font-size:var(--text-lg);font-weight:600;color:#fff;margin-bottom:var(--space-4)}.friends-links{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-8)}.friend-link{color:rgba(255,255,255,.7);text-decoration:none;font-size:var(--text-base);transition:all var(--transition-fast)}.friend-link:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:var(--space-8) 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);position:relative;z-index:1}.footer-copyright{flex:1;min-width:200px}.footer-copyright p{margin:0;color:rgba(255,255,255,.7);font-size:var(--text-sm);line-height:1.5}.footer-note{font-size:var(--text-xs) !important;color:rgba(255,255,255,.5) !important;margin-top:var(--space-1) !important}.footer-note a{color:rgba(255,255,255,.5);text-decoration:none;transition:color var(--transition-fast)}.footer-note a:hover{color:rgba(255,255,255,.8)}.footer-legal{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.legal-link{color:rgba(255,255,255,.7);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-fast)}.legal-link:hover{color:#fff}.legal-separator{color:rgba(255,255,255,.3);font-size:var(--text-sm)}.footer-tech{display:flex;gap:var(--space-2);flex-wrap:wrap}.tech-badge{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);padding:var(--space-1) var(--space-3);border-radius:20px;font-size:var(--text-xs);font-weight:500;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.qrcode-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:1000;justify-content:center;align-items:center}.qrcode-container{background-color:#fff;padding:var(--space-6);border-radius:var(--radius-lg);position:relative;max-width:320px;width:90%;box-shadow:0 10px 25px rgba(0,0,0,.2)}.close-modal{position:absolute;top:var(--space-2);right:var(--space-4);font-size:var(--text-2xl);color:var(--gray-600);cursor:pointer;transition:color var(--transition-fast)}.close-modal:hover{color:var(--gray-900)}.qrcode-content{display:flex;flex-direction:column;align-items:center;padding:var(--space-4)}.qrcode-content img{width:200px;height:200px;object-fit:contain;margin-bottom:var(--space-4)}.qrcode-content p{font-size:var(--text-lg);font-weight:600;color:var(--gray-800);margin:0}@media (min-width:1600px){.footer-main{gap:var(--space-20);padding:var(--space-24) 0}.footer-brand{max-width:600px}.footer-logo{font-size:var(--text-4xl)}.footer-description{font-size:var(--text-lg);letter-spacing:.02em;word-spacing:.08em}}@media (min-width:1920px){.footer-main{grid-template-columns:2.2fr 1.3fr 1fr;gap:var(--space-16);padding:var(--space-20) 0}.footer-links{gap:var(--space-12)}}@media (max-width:1024px){.footer-main{grid-template-columns:1fr 1fr;gap:var(--space-12)}.footer-contact{grid-column:1/-1;max-width:none}.footer-links{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.footer-main{grid-template-columns:1fr;gap:var(--space-8);padding:var(--space-16) var(--space-2)}.footer-links{grid-template-columns:1fr 1fr;gap:var(--space-8)}.footer-friends{padding:var(--space-8) var(--space-2)}.footer-stats{justify-content:space-between;gap:var(--space-4)}.social-icons{justify-content:center}.footer-bottom{flex-direction:column;text-align:center;gap:var(--space-6)}.input-group{flex-direction:column}.newsletter-input{margin-bottom:var(--space-2)}}
.blog-post{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;padding:var(--space-8);margin-bottom:var(--space-8);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.blog-post:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.post-thumbnail{margin-bottom:var(--space-6);border-radius:8px;overflow:hidden}.post-thumbnail a{display:block;width:100%;height:100%}.post-thumb-img{width:100%;height:auto;display:block;transition:opacity var(--transition-normal)}.post-thumbnail:hover .post-thumb-img{opacity:.9}.post-header{margin-bottom:var(--space-6)}.post-category{display:inline-block;background:var(--primary-brand);color:#fff;padding:var(--space-2) var(--space-4);border-radius:20px;font-size:var(--text-sm);font-weight:500;text-decoration:none;margin-bottom:var(--space-4);transition:all var(--transition-fast)}.post-category:hover{background:#0d47a1;transform:translateY(-1px)}.post-title{font-size:var(--text-3xl);font-weight:700;line-height:1.3;margin-bottom:var(--space-4);color:var(--text-primary)}.post-title a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.post-title a:hover{color:var(--primary-brand)}.post-meta{display:flex;align-items:center;gap:var(--space-4);color:var(--text-tertiary);font-size:var(--text-sm);flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:var(--space-2)}.meta-separator{width:4px;height:4px;background:var(--text-tertiary);border-radius:50%}.post-excerpt{margin-bottom:var(--space-6);color:var(--text-secondary);line-height:1.6}.post-excerpt p{margin:0}.post-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.read-more{color:var(--primary-brand);text-decoration:none;font-weight:500;transition:all var(--transition-fast)}.read-more:hover{color:#0d47a1;text-decoration:underline}.post-tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.tag{background:var(--bg-secondary);color:var(--text-secondary);padding:var(--space-1) var(--space-3);border-radius:4px;font-size:var(--text-sm);text-decoration:none;transition:all var(--transition-fast)}.tag:hover{background:var(--primary-brand);color:#fff}.pagination{margin-top:var(--space-12);text-align:center}.pagination .nav-links{display:flex;justify-content:center;align-items:center;gap:var(--space-2);padding:0;margin:0}.pagination .page-numbers{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all var(--transition-fast);padding:0 var(--space-3);position:relative;overflow:hidden}.pagination .page-numbers.current{background:var(--primary-brand);color:#fff}.pagination .page-numbers:hover:not(.current):not(.dots){background:var(--primary-brand);color:#fff}.pagination .prev,.pagination .next{font-weight:500}.pagination .dots{color:var(--text-tertiary);padding:0 var(--space-2)}.pagination ul{display:flex;justify-content:center;align-items:center;list-style:none;gap:var(--space-2);padding:0;margin:0}.page-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all var(--transition-fast)}.page-link:hover,.page-link.active{background:var(--primary-brand);color:#fff}.page-link.next{width:auto;padding:0 var(--space-3)}.page-separator{color:var(--text-tertiary);padding:0 var(--space-2)}@media (max-width:768px){.blog-post{padding:var(--space-4)}.post-thumbnail{margin-bottom:var(--space-4)}.post-title{font-size:var(--text-2xl)}.post-meta{flex-wrap:wrap;gap:var(--space-2)}.pagination .nav-links{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:var(--space-1) !important;padding:var(--space-2) 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pagination .nav-links::-webkit-scrollbar{display:none}.pagination .page-numbers{min-width:36px;height:36px;font-size:.9rem;flex:0 0 auto}.pagination .prev,.pagination .next{padding:0 var(--space-2)}}@media (max-width:480px){.post-title{font-size:var(--text-xl)}}@media (min-width:1600px){.blog-post{padding:var(--space-12)}.post-title{font-size:var(--text-4xl)}.post-meta{gap:var(--space-6)}.post-footer{gap:var(--space-6)}}@media (min-width:1920px){.blog-list{margin-bottom:var(--space-16)}.blog-post{margin-bottom:var(--space-12);padding:var(--space-16)}.post-header{margin-bottom:var(--space-8)}.post-excerpt{margin-bottom:var(--space-8)}.pagination{margin-top:var(--space-16)}}
.comments-area{margin-top:var(--space-16);background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:var(--space-10);box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);position:relative;overflow:hidden}.page .comments-area{max-width:1200px;margin-left:auto;margin-right:auto}.comments-area:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-brand) 0%,var(--info-blue) 100%);z-index:1}.comments-title{font-family:var(--font-primary);font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-10);text-align:center;letter-spacing:-.025em;line-height:1.2;position:relative;z-index:2}.comments-title:after{content:'';display:block;width:60px;height:3px;background:var(--primary-brand);margin:var(--space-4) auto 0;border-radius:2px}.comment-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-8)}.comment-body{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;padding:var(--space-6);transition:all .2s ease;position:relative}.comment-body:hover{border-color:var(--border-medium);box-shadow:0 8px 25px -8px rgba(0,0,0,.08);transform:translateY(-1px)}.comment-meta{margin-bottom:var(--space-5);border-bottom:1px solid var(--border-light);padding-bottom:var(--space-4)}.comment-author{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)}.comment-author img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border-light);transition:border-color .2s ease}.comment-author:hover img{border-color:var(--primary-brand)}.comment-author-info{flex:1;min-width:0}.comment-author-name{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap}.fn{font-family:var(--font-primary);font-weight:600;font-size:var(--text-base);color:var(--text-primary);text-decoration:none;transition:color .2s ease}.fn:hover{color:var(--primary-brand)}.author-badge{display:inline-flex;align-items:center;gap:var(--space-1);background:linear-gradient(135deg,var(--primary-brand),var(--info-blue));color:#fff;font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:6px;letter-spacing:.025em;text-transform:uppercase}.comment-metadata{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500}.comment-metadata a{color:inherit;text-decoration:none;transition:color .2s ease}.comment-metadata a:hover{color:var(--primary-brand)}.comment-content{color:var(--text-secondary);font-family:var(--font-primary);font-size:var(--text-base);line-height:1.7;margin-bottom:var(--space-5);word-wrap:break-word}.comment-content p{margin-bottom:var(--space-4)}.comment-content p:last-child{margin-bottom:0}.comment-content a{color:var(--primary-brand);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:all .2s ease}.comment-content a:hover{color:var(--primary-brand-dark);text-decoration-thickness:2px}.comment-awaiting-moderation{background:rgba(var(--warning-orange-rgb),.1);border:1px solid var(--warning-orange);border-radius:8px;padding:var(--space-3) var(--space-4);color:var(--warning-orange);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.comment-awaiting-moderation:before{content:'⏳';font-size:var(--text-base)}.comment-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.reply a{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--bg-secondary);color:var(--text-secondary);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-4);border:1px solid var(--border-light);border-radius:8px;text-decoration:none;transition:all .2s ease}.reply a:before{content:'↩️';font-size:var(--text-xs)}.reply a:hover{background:var(--primary-brand);color:#fff;border-color:var(--primary-brand);transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--primary-brand-rgb),.2)}.children{list-style:none;padding-left:var(--space-10);margin:var(--space-6) 0;position:relative}.children:before{content:'';position:absolute;left:var(--space-5);top:0;bottom:var(--space-6);width:2px;background:linear-gradient(to bottom,var(--border-medium),transparent);border-radius:1px}.comment-navigation{display:flex;justify-content:center;gap:var(--space-4);margin:var(--space-8) 0;padding:var(--space-4) 0;border-top:1px solid var(--border-light)}.comment-navigation a{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--primary-brand);font-family:var(--font-primary);font-weight:500;text-decoration:none;padding:var(--space-2) var(--space-4);border:1px solid var(--border-light);border-radius:8px;transition:all .2s ease}.comment-navigation a:hover{background:var(--primary-brand);color:#fff;border-color:var(--primary-brand);transform:translateY(-1px)}.comment-respond{margin-top:var(--space-12);padding-top:var(--space-8);border-top:2px solid var(--border-light)}.comment-reply-title{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-8);text-align:center;letter-spacing:-.02em;position:relative}.comment-reply-title:after{content:'';display:block;width:40px;height:3px;background:var(--primary-brand);margin:var(--space-3) auto 0;border-radius:2px}.comment-form{display:grid;gap:var(--space-6);max-width:none}.comment-form-author,.comment-form-email,.comment-form-comment{display:grid;gap:var(--space-2)}@media (min-width:768px){.comment-form-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.comment-form-author,.comment-form-email{margin-bottom:0}}@media (max-width:767px){.comment-form-fields-row{display:block}.comment-form-author,.comment-form-email{margin-bottom:var(--space-6)}}.comment-form-url{display:none !important}.comment-form label{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:.01em}.required{color:var(--error-red);margin-left:var(--space-1)}.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;font-family:var(--font-primary);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-primary);border:2px solid var(--border-light);border-radius:12px;padding:var(--space-4);transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.02)}.comment-form input[type=text]:focus,.comment-form input[type=email]:focus,.comment-form input[type=url]:focus,.comment-form textarea:focus{outline:none;border-color:var(--primary-brand);background:var(--bg-card);box-shadow:0 0 0 4px rgba(var(--primary-brand-rgb),.1),0 4px 6px -1px rgba(0,0,0,.05);transform:translateY(-1px)}.comment-form textarea{min-height:140px;resize:vertical;line-height:1.6}.comment-form textarea::placeholder{color:var(--text-muted);font-style:italic}.comment-form-cookies-consent{display:none !important}.comment-form-cookies-consent input[type=checkbox]{margin:0;flex-shrink:0}.comment-form-cookies-consent label{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin:0}.form-submit{display:flex;justify-content:center;margin-top:var(--space-4)}.form-submit .submit{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,var(--primary-brand),var(--info-blue));color:#fff;font-family:var(--font-primary);font-size:var(--text-base);font-weight:600;border:none;border-radius:12px;padding:var(--space-4) var(--space-8);cursor:pointer;transition:all .2s ease;letter-spacing:.01em;box-shadow:0 4px 6px -1px rgba(var(--primary-brand-rgb),.2)}.form-submit .submit:before{content:'💬';font-size:var(--text-sm)}.form-submit .submit:hover{background:linear-gradient(135deg,var(--primary-brand-dark),var(--primary-brand));transform:translateY(-2px);box-shadow:0 8px 15px -3px rgba(var(--primary-brand-rgb),.3)}.form-submit .submit:active{transform:translateY(0)}.emoji-verification-container{margin:var(--space-6) 0 !important;padding:var(--space-6) !important;background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-secondary) 100%) !important;border:2px solid var(--border-light) !important;border-radius:16px !important;box-shadow:0 8px 25px -8px rgba(0,0,0,.1) !important;position:relative;overflow:hidden;animation:slideInUp .4s ease-out}@keyframes slideInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.emoji-verification-container:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-brand),var(--info-blue));z-index:1}.emoji-verification-title{font-family:var(--font-primary) !important;font-size:var(--text-lg) !important;font-weight:700 !important;color:var(--text-primary) !important;text-align:center !important;margin-bottom:var(--space-4) !important;letter-spacing:-.01em;position:relative;z-index:2}.emoji-question{font-family:var(--font-primary) !important;font-size:var(--text-base) !important;color:var(--text-secondary) !important;text-align:center !important;margin-bottom:var(--space-6) !important;line-height:1.5;font-weight:500}.emoji-options{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr)) !important;gap:var(--space-4) !important;margin-bottom:var(--space-6) !important}.emoji-option{background:var(--bg-primary) !important;border:2px solid var(--border-light) !important;border-radius:12px !important;padding:var(--space-4) !important;text-align:center !important;cursor:pointer !important;transition:all .2s ease !important;user-select:none !important;position:relative;overflow:hidden}.emoji-option:hover{border-color:var(--primary-brand) !important;background:var(--bg-card) !important;transform:translateY(-2px) !important;box-shadow:0 8px 15px -3px rgba(var(--primary-brand-rgb),.2) !important}.emoji-option.selected{border-color:var(--success-green) !important;background:rgba(var(--success-green-rgb),.1) !important}.emoji-option.selected:after{content:'✓';position:absolute;top:var(--space-1);right:var(--space-1);color:var(--success-green);font-weight:700;font-size:var(--text-sm)}.emoji-option div:first-child{font-size:36px !important;margin-bottom:var(--space-2) !important;line-height:1}.emoji-option div:last-child{font-family:var(--font-primary) !important;font-size:var(--text-sm) !important;color:var(--text-secondary) !important;font-weight:600 !important;letter-spacing:.01em}.emoji-actions{display:flex !important;justify-content:center !important;gap:var(--space-3) !important;margin-bottom:var(--space-4) !important}#refresh-emoji-btn{display:inline-flex !important;align-items:center !important;gap:var(--space-2) !important;background:var(--bg-primary) !important;color:var(--text-secondary) !important;font-family:var(--font-primary) !important;font-size:var(--text-sm) !important;font-weight:500 !important;border:2px solid var(--border-light) !important;border-radius:8px !important;padding:var(--space-2) var(--space-4) !important;cursor:pointer !important;transition:all .2s ease !important}#refresh-emoji-btn:hover{background:var(--primary-brand) !important;color:#fff !important;border-color:var(--primary-brand) !important;transform:translateY(-1px) !important}.emoji-status{text-align:center !important;min-height:24px !important}#emoji-status-message{font-family:var(--font-primary) !important;font-size:var(--text-sm) !important;font-weight:500 !important;line-height:1.4}#emoji-status-message.success{color:var(--success-green) !important}#emoji-status-message.error{color:var(--error-red) !important}#emoji-status-message.info{color:var(--info-blue,#0c5460) !important;background:var(--info-bg,rgba(186,230,253,.3)) !important;border-left:3px solid var(--info-blue,#0c5460) !important;padding-left:12px !important;border-radius:4px !important}.comments-section{margin-top:var(--space-16);padding-top:var(--space-12);border-top:2px solid var(--border-light)}.comments-wrapper{max-width:1200px;margin:0 auto}.comments-closed-notice{text-align:center;padding:var(--space-12);background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-card)}.closed-notice-content{display:inline-block}.closed-icon{font-size:var(--text-4xl);display:block;margin-bottom:var(--space-4);opacity:.7}.closed-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3);line-height:1.4}.closed-description{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6;margin:0}@media (max-width:768px){.comments-area{margin-top:var(--space-12);padding:var(--space-6);border-radius:12px}.comments-title{font-size:var(--text-2xl);margin-bottom:var(--space-8)}.comment-body{padding:var(--space-5)}.comment-author{flex-direction:column;text-align:center;gap:var(--space-3)}.comment-author img{width:40px;height:40px}.children{padding-left:var(--space-6)}.children:before{left:var(--space-3)}.comment-form{gap:var(--space-5)}.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{padding:var(--space-3);border-radius:10px}.emoji-options{grid-template-columns:repeat(2,1fr) !important;gap:var(--space-3) !important}.emoji-option{padding:var(--space-3) !important}.emoji-option div:first-child{font-size:28px !important}.comments-section{margin-top:var(--space-12);padding-top:var(--space-8)}.comments-closed-notice{padding:var(--space-8)}.closed-icon{font-size:var(--text-3xl)}.closed-title{font-size:var(--text-lg)}}@media (max-width:480px){.comments-area{padding:var(--space-4);margin-top:var(--space-8)}.comments-title{font-size:var(--text-xl)}.comment-reply-title{font-size:var(--text-xl)}.form-submit .submit{padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}}
.cta-button{background:var(--accent-cta);color:#fff;border:none;padding:var(--space-4) var(--space-8);border-radius:8px;font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:inline-block}.cta-button:hover{background:#e53e3e;transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,107,107,.3)}.copy-btn{background:var(--primary-brand);color:#fff;border:none;padding:var(--space-2) var(--space-3);border-radius:6px;font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.copy-btn:hover{background:#0d47a1;transform:translateY(-1px)}.copy-btn.copied{background:var(--success-green)}.info-box{background:linear-gradient(135deg,rgba(10,36,99,.05),rgba(10,36,99,.02));border:1px solid rgba(10,36,99,.2);border-radius:12px;padding:var(--space-6);margin:var(--space-8) 0;position:relative;overflow:hidden}.info-box:before{content:'';position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--primary-brand)}.info-box-title{font-weight:600;color:var(--primary-brand);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.tag{background:var(--bg-secondary);color:var(--text-secondary);padding:var(--space-1) var(--space-3);border-radius:4px;font-size:var(--text-sm);text-decoration:none;transition:all var(--transition-fast)}.tag:hover{background:var(--primary-brand);color:#fff}.article-category,.post-category{display:inline-block;background:var(--primary-brand);color:#fff;padding:var(--space-2) var(--space-4);border-radius:20px;font-size:var(--text-sm);font-weight:500;text-decoration:none;margin-bottom:var(--space-4);transition:all var(--transition-fast)}.article-category:hover,.post-category:hover{background:#0d47a1;transform:translateY(-1px)}.sidebar-widget,.blog-post,.article-content,.related-post{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.sidebar-widget:hover,.blog-post:hover,.related-post:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.read-more{color:var(--primary-brand);text-decoration:none;font-weight:500;transition:all var(--transition-fast)}.read-more:hover{color:#0d47a1;text-decoration:underline}.social-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:rgba(255,255,255,.1);border-radius:8px;color:rgba(255,255,255,.8);text-decoration:none;transition:all var(--transition-fast);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.social-link:hover{background:rgba(255,255,255,.2);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.page-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all var(--transition-fast)}.page-link:hover,.page-link.active{background:var(--primary-brand);color:#fff}.tech-badge{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);padding:var(--space-1) var(--space-3);border-radius:20px;font-size:var(--text-xs);font-weight:500;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.author-badge{display:inline-flex;align-items:center;gap:var(--space-1);background:linear-gradient(135deg,var(--primary-brand),var(--info-blue));color:#fff;font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:6px;letter-spacing:.025em;text-transform:uppercase}.reply a{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--bg-secondary);color:var(--text-secondary);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-4);border:1px solid var(--border-light);border-radius:8px;text-decoration:none;transition:all .2s ease}.reply a:before{content:'↩️';font-size:var(--text-xs)}.reply a:hover{background:var(--primary-brand);color:#fff;border-color:var(--primary-brand);transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--primary-brand-rgb),.2)}.legal-link{color:rgba(255,255,255,.7);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-fast)}.legal-link:hover{color:#fff}.footer-link{color:rgba(255,255,255,.7);text-decoration:none;font-size:var(--text-base);transition:all var(--transition-fast);display:inline-block;position:relative}.footer-link:hover{color:#fff;transform:translateX(4px)}.footer-link:before{content:'';position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:0;height:2px;background:#fff;transition:width var(--transition-fast)}.footer-link:hover:before{width:6px}.friend-link{color:rgba(255,255,255,.7);text-decoration:none;font-size:var(--text-base);transition:all var(--transition-fast)}.friend-link:hover{color:#fff}.contact-link{color:rgba(255,255,255,.8);text-decoration:none;transition:color var(--transition-fast);font-size:var(--text-base)}.contact-link:hover{color:#fff}.meta-item{display:flex;align-items:center;gap:var(--space-2)}.meta-separator{width:4px;height:4px;background:var(--text-tertiary);border-radius:50%}.category-count{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:400;margin-left:var(--space-1)}.stat-item{text-align:center}.stat-number{display:block;font-size:var(--text-2xl);font-weight:700;color:#fff;line-height:1.2;transition:all .3s ease;min-width:4rem}.stat-label{display:block;font-size:var(--text-sm);color:rgba(255,255,255,.7);margin-top:var(--space-1)}.nav-icon{font-size:var(--text-sm);margin-right:var(--space-1);display:inline-block;vertical-align:middle}.title-icon{font-size:var(--text-lg)}.link-icon{font-size:var(--text-base);opacity:.8}.social-icon{font-size:var(--text-base)}.contact-icon{font-size:var(--text-lg);opacity:.8}.thumb-icon{font-size:var(--text-lg);filter:grayscale(1) brightness(2)}.dropdown-arrow{font-size:var(--text-xs);transition:transform var(--transition-fast);opacity:.7}.nav-item:hover .dropdown-arrow{transform:rotate(180deg)}
.wp-caption,figure{max-width:100% !important;width:auto !important;height:auto !important}.wp-caption img,figure img{max-width:100% !important;width:100% !important;height:auto !important;display:block}.wp-caption-text,figcaption{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;padding:var(--space-2) 0}.article-content img,.post-content img,.prose img{max-width:100% !important;height:auto !important;display:block;margin-left:auto;margin-right:auto}@media (max-width:768px){.mobile-menu-btn{display:flex}.nav-link.active:after{display:none}.mega-menu-featured{display:none}.nav-actions{gap:var(--space-2)}.search-box{display:none}.nav-content{justify-content:space-between;padding:var(--space-4) var(--space-2)}.article-title{font-size:var(--text-3xl)}.article-content{padding:var(--space-6)}.wp-caption,figure{margin:var(--space-4) 0 !important;padding:0 !important}.wp-caption-text,figcaption{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.article-content img,.post-content img,.prose img{border-radius:8px;margin:var(--space-4) auto}.comments-area{margin-top:var(--space-12);padding:var(--space-6);border-radius:12px}.comments-title{font-size:var(--text-2xl);margin-bottom:var(--space-8)}.comment-body{padding:var(--space-5)}.comment-author{flex-direction:column;text-align:center;gap:var(--space-3)}.comment-author img{width:40px;height:40px}.children{padding-left:var(--space-6)}.children:before{left:var(--space-3)}.comment-form{gap:var(--space-5)}.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{padding:var(--space-3);border-radius:10px}.emoji-options{grid-template-columns:repeat(2,1fr) !important;gap:var(--space-3) !important}.emoji-option{padding:var(--space-3) !important}.emoji-option div:first-child{font-size:28px !important}.comments-section{margin-top:var(--space-12);padding-top:var(--space-8)}.comments-closed-notice{padding:var(--space-8)}.closed-icon{font-size:var(--text-3xl)}.closed-title{font-size:var(--text-lg)}.back-to-top{width:40px;height:40px;bottom:20px;right:20px}.back-to-top svg{width:20px;height:20px}}@media (max-width:480px){.comments-area{padding:var(--space-4);margin-top:var(--space-8)}.comments-title{font-size:var(--text-xl)}.comment-reply-title{font-size:var(--text-xl)}.form-submit .submit{padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}.article-title{font-size:var(--text-2xl)}}@media (max-width:1024px){.mega-menu{width:95vw}.mega-menu-content{grid-template-columns:1fr;gap:var(--space-6)}.mega-menu-featured{order:-1}.search-input{width:150px}.search-input:focus{width:200px}}@media (min-width:1600px){.mega-menu{width:1100px}.mega-menu-content{grid-template-columns:repeat(3,1fr) 350px;gap:var(--space-12)}.nav-link{font-size:var(--text-lg);padding:var(--space-4) var(--space-6)}.prose{font-size:var(--text-xl);line-height:1.8}.prose h2{font-size:var(--text-3xl);margin:var(--space-16) 0 var(--space-8) 0}.prose h3{font-size:var(--text-2xl);margin:var(--space-12) 0 var(--space-6) 0}.prose p{margin-bottom:var(--space-8)}.prose blockquote{padding:var(--space-8);margin:var(--space-12) 0}.code-container{border-radius:16px;margin:var(--space-12) 0}.prose pre{font-size:var(--text-base);padding:var(--space-8)}.single-post .post-content{font-size:var(--text-xl);line-height:1.8;padding:var(--space-12)}.single-post .post-content p,.single-post .post-content ul,.single-post .post-content ol,.single-post .post-content li{font-size:inherit !important}.single-post .post-content h2{font-size:var(--text-3xl)}.single-post .post-content h3{font-size:var(--text-2xl)}.single-post .post-title{font-size:var(--text-4xl)}.single-post .post-subtitle{font-size:var(--text-2xl)}}@media (min-width:1920px){.brand{font-size:var(--text-2xl)}.nav-link{font-size:var(--text-lg)}.nav-content{padding:var(--space-6) 0}.single-post .post-content{padding:var(--space-16)}.single-post .post-header{margin-bottom:var(--space-12)}}@media (min-width:768px){.comment-form-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.comment-form-author,.comment-form-email{margin-bottom:0}}@media (max-width:767px){.comment-form-fields-row{display:block}.comment-form-author,.comment-form-email{margin-bottom:var(--space-6)}}
.wpinstall-rating-section{display:flex;justify-content:center;align-items:center;padding:var(--space-8) 0}
.mobile-menu{position:fixed;top:60px;left:0;width:100%;height:calc(100vh - 60px);background-color:var(--bg-primary,#fff);box-shadow:none;z-index:1000;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal);display:flex;flex-direction:column;font-family:var(--font-primary);padding-top:0}.mobile-menu.active{opacity:1;visibility:visible}.mobile-menu-header{display:none}.mobile-brand{display:none}.mobile-menu-close{display:none;background:0 0;border:1px solid var(--border-light);border-radius:50%;font-size:var(--text-xl);color:var(--text-primary);cursor:pointer;padding:var(--space-2);width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.mobile-menu-close:hover{color:var(--accent-cta);border-color:var(--accent-cta);background-color:var(--bg-hover)}.mobile-search{padding:var(--space-4);border-top:1px solid var(--border-light);margin-top:var(--space-4)}.mobile-search-box{position:relative}.mobile-search-input-link{display:flex;align-items:center;width:100%;padding:var(--space-3) var(--space-4);background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:25px;text-decoration:none;color:var(--text-tertiary);font-size:var(--text-sm);transition:all var(--transition-fast);box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.mobile-search-input-link:hover{border-color:var(--primary-brand);background-color:var(--bg-primary);color:var(--text-secondary)}.mobile-search-icon{margin-right:var(--space-2);font-size:var(--text-base);opacity:.6}.mobile-search-placeholder{flex:1;font-style:italic;opacity:.8}.nav-actions .mobile-search{padding:0;border-bottom:none;margin-top:0;margin-right:var(--space-4)}@media (max-width:768px){.desktop-only-search{display:none !important}}@media (min-width:769px){#mobileMenu .mobile-search{display:none}}.mobile-search-form{display:flex;position:relative}.mobile-search-input{width:100%;padding:var(--space-3) var(--space-8) var(--space-3) var(--space-4);border:1px solid var(--border-medium);border-radius:30px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-sm);box-shadow:0 1px 3px rgba(0,0,0,.1)}.mobile-search-input:focus{outline:none}.mobile-search-btn{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);background:0 0;border:none;color:var(--text-tertiary);font-size:var(--text-lg);padding:var(--space-2);cursor:pointer}.mobile-nav{flex:1;overflow-y:auto;padding:var(--space-4);padding-bottom:var(--space-16)}.mobile-menu-list{list-style:none;margin:0;padding:0}.mobile-nav-link{display:block;padding:var(--space-3) var(--space-4);color:var(--text-primary);text-decoration:none;font-size:var(--text-base);border-bottom:1px solid var(--border-light);transition:background-color var(--transition-fast),color var(--transition-fast)}.mobile-nav-link:hover,.mobile-nav-link.active{background-color:var(--bg-secondary);color:var(--primary-brand)}.mobile-dropdown{position:relative}.mobile-dropdown-toggle{display:flex;justify-content:space-between;align-items:center}.mobile-dropdown-icon{transition:transform var(--transition-normal);font-size:var(--text-xs);margin-left:var(--space-2)}.mobile-dropdown.active .mobile-dropdown-icon{transform:rotate(45deg)}.mobile-dropdown-menu{display:none;list-style:none;margin:0;padding:0;background-color:var(--bg-secondary);overflow:hidden;max-height:0;transition:max-height var(--transition-normal)}.mobile-dropdown.active .mobile-dropdown-menu{display:block;max-height:2000px;transition:max-height .5s ease-in}.mobile-category{margin:var(--space-3) 0;padding:0 var(--space-4)}.mobile-category-title{margin:var(--space-3) 0;padding:var(--space-2) 0;font-size:var(--text-base);color:var(--primary-brand);border-bottom:1px solid var(--border-light);display:flex;align-items:center}.mobile-category-title .title-icon{margin-right:var(--space-2);font-size:var(--text-lg)}.mobile-category-list{list-style:none;margin:0;padding:0}.mobile-menu-item{margin:0;padding:0;position:relative}.mobile-menu-link{display:block;padding:var(--space-2) var(--space-3);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);border-radius:4px;transition:background-color var(--transition-fast),color var(--transition-fast);word-break:break-word;overflow-wrap:break-word}.mobile-menu-link:hover{background-color:var(--bg-secondary);color:var(--primary-brand)}.mobile-menu-depth-0>.mobile-menu-link{font-weight:500}.mobile-submenu{display:none;list-style:none;margin:0;padding:0 0 0 var(--space-4);overflow:hidden;max-height:0;transition:max-height .3s ease-out}.has-submenu.active>.mobile-submenu{display:block;max-height:1000px;transition:max-height .5s ease-in}.submenu-toggle{position:absolute;right:0;top:5px;background:0 0;border:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.toggle-icon{position:relative;width:12px;height:12px}.toggle-icon:before,.toggle-icon:after{content:'';position:absolute;background-color:var(--text-color,#555);transition:transform .3s}.toggle-icon:before{top:5px;left:0;width:12px;height:2px}.toggle-icon:after{top:0;left:5px;width:2px;height:12px}.has-submenu.active>.submenu-toggle .toggle-icon:after{transform:rotate(90deg)}.mobile-menu-footer{display:none}.mobile-menu-overlay{display:none}body.mobile-menu-open{overflow:hidden;position:fixed;width:100%;height:100%}@media (min-width:769px){.mobile-menu,.mobile-menu-btn{display:none}}@media (max-width:768px){.mobile-menu{width:100%}}
:root{--primary-brand:#0a2463;--primary-brand-dark:#081d50;--primary-brand-rgb:10,36,99;--accent-cta:#ff6b6b;--accent-cta-rgb:255,107,107;--success-green:#48bb78;--success-green-rgb:72,187,120;--warning-orange:#ed8936;--warning-orange-rgb:237,137,54;--error-red:#f56565;--error-red-rgb:245,101,101;--info-blue:#4299e1;--info-blue-rgb:66,153,225;--text-primary:#2d3748;--text-secondary:#4a5568;--text-tertiary:#718096;--text-muted:#a0aec0;--bg-primary:#fff;--bg-secondary:#f5f7fa;--bg-secondary-rgb:245,247,250;--bg-card:#fff;--bg-overlay:rgba(45,55,72,.6);--border-light:#e2e8f0;--border-medium:#cbd5e0;--border-dark:#a0aec0;--font-primary:'PingFang SC','Microsoft YaHei','Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;--font-mono:'SF Mono','Cascadia Code',Consolas,'Source Han Sans SC','Noto Sans CJK SC',monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-card:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-card-hover:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-modal:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--container-multi-column-base:1200px;--container-multi-column-lg:1400px;--container-multi-column-xl:1500px;--container-multi-column-4k:1600px;--container-single-column-base:750px;--container-single-column-lg:800px;--container-padding:1rem;--container-min-width:320px;--container-4k-padding:2vw;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1600px;--breakpoint-4k:1920px;--media-sm:(min-width:640px);--media-md:(min-width:768px);--media-lg:(min-width:1024px);--media-xl:(min-width:1280px);--media-2xl:(min-width:1600px);--media-4k:(min-width:1920px);--spacing-content:var(--space-16);--spacing-section:var(--space-24);--spacing-card:var(--space-8);--spacing-button:var(--space-4) var(--space-8);--spacing-form:var(--space-6);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800}*,*:before,*:after{box-sizing:border-box}h1,.h1{font-size:var(--text-4xl);font-weight:700;line-height:1.2;letter-spacing:-.025em;color:var(--text-primary);margin:0}h2,.h2{font-size:var(--text-3xl);font-weight:600;line-height:1.3;letter-spacing:-.025em;color:var(--text-primary);margin:0}h3,.h3{font-size:var(--text-2xl);font-weight:600;line-height:1.4;color:var(--text-primary);margin:0}h4,.h4{font-size:var(--text-xl);font-weight:600;line-height:1.4;color:var(--text-primary);margin:0}h5,.h5{font-size:var(--text-lg);font-weight:600;line-height:1.4;color:var(--text-primary);margin:0}h6,.h6{font-size:var(--text-base);font-weight:600;line-height:1.4;color:var(--text-primary);margin:0}p,.text{font-size:var(--text-base);line-height:1.6;color:var(--text-secondary);margin:0}.text-large{font-size:var(--text-lg);line-height:1.7;color:var(--text-secondary)}.text-small{font-size:var(--text-sm);line-height:1.6;color:var(--text-tertiary)}.text-caption{font-size:var(--text-xs);line-height:1.4;font-weight:500;color:var(--text-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-size:var(--text-base);font-weight:600;font-family:var(--font-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);line-height:1}.btn:focus{outline:2px solid var(--primary-brand);outline-offset:2px}.btn-primary{background:var(--primary-brand);color:#fff}.btn-primary:hover{background:var(--primary-brand-dark);transform:translateY(-2px);box-shadow:var(--shadow-md);color:#fff;text-decoration:none}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--accent-cta);color:#fff}.btn-secondary:hover{background:#e85555;transform:translateY(-2px);box-shadow:var(--shadow-md);color:#fff;text-decoration:none}.btn-outline{background:0 0;color:var(--primary-brand);border:2px solid var(--primary-brand)}.btn-outline:hover{background:var(--primary-brand);color:#fff;text-decoration:none}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-card);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--primary-brand)}.card-header{margin-bottom:var(--space-6)}.card-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4);line-height:1.4}.card-content{color:var(--text-secondary);line-height:1.6}.grid{display:grid;gap:var(--space-8)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.text-primary{color:var(--text-primary) !important}.text-secondary{color:var(--text-secondary) !important}.text-tertiary{color:var(--text-tertiary) !important}.text-muted{color:var(--text-muted) !important}.bg-primary{background:var(--bg-primary) !important}.bg-secondary{background:var(--bg-secondary) !important}.bg-card{background:var(--bg-card) !important}.m-0{margin:0 !important}.mt-4{margin-top:var(--space-4) !important}.mb-4{margin-bottom:var(--space-4) !important}.mb-6{margin-bottom:var(--space-6) !important}.mb-8{margin-bottom:var(--space-8) !important}.p-4{padding:var(--space-4) !important}.p-6{padding:var(--space-6) !important}.p-8{padding:var(--space-8) !important}.hidden{display:none !important}.block{display:block !important}.flex{display:flex !important}.grid{display:grid !important}.text-left{text-align:left !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.highlight{background:linear-gradient(120deg,var(--accent-cta) 0%,var(--accent-cta) 100%);background-size:100% .3em;background-repeat:no-repeat;background-position:0 88%;color:var(--text-primary);font-weight:600;padding:0 var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.highlight:hover{background-size:100% 100%;color:#fff !important}
.vps-hero{padding:var(--space-20) 0;margin-bottom:var(--spacing-section);position:relative}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;position:relative;z-index:1}.hero-main{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--primary-brand);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}.badge-icon{font-size:var(--text-base)}.hero-title{margin-bottom:var(--space-6)}.title-main{display:block;font-size:var(--text-5xl);font-weight:700;color:var(--text-primary);line-height:1.1;margin-bottom:var(--space-2)}.title-sub{display:block;font-size:var(--text-xl);font-weight:400;color:var(--text-tertiary);line-height:1.4}.hero-description{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-10)}.hero-stats{display:flex;gap:var(--space-8);margin-bottom:var(--space-10)}.stat-item{text-align:center}.hero-stats .stat-number{display:block;font-size:var(--text-3xl);font-weight:700;color:var(--primary-brand);line-height:1}.hero-stats .stat-label{display:block;font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-1)}.hero-actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-12)}.btn-lg{padding:var(--space-5) var(--space-10);font-size:var(--text-lg);border-radius:var(--radius-xl)}.hero-trust{display:flex;align-items:center;gap:var(--space-4)}.trust-avatars{display:flex;margin-right:var(--space-4)}.avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-brand),var(--accent-cta));border:2px solid var(--bg-primary);margin-left:-8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-xs);font-weight:600}.avatar:first-child{margin-left:0}.avatar.more{background:var(--text-tertiary)}.trust-text{font-size:var(--text-sm);color:var(--text-secondary)}.hero-visual{display:flex;justify-content:center;align-items:center}.visual-container{position:relative;width:100%;max-width:400px;margin-right:60px}.server-illustration{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.server-rack{display:flex;flex-direction:column;gap:var(--space-3)}.server-unit{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;justify-content:space-between;transition:all var(--transition-normal)}.server-unit.active{background:linear-gradient(135deg,rgba(var(--primary-brand-rgb),.1),rgba(var(--accent-cta-rgb),.05));border:1px solid rgba(var(--primary-brand-rgb),.2)}.server-lights{display:flex;gap:var(--space-2)}.light{width:8px;height:8px;border-radius:var(--radius-full);background:var(--text-muted)}.light.green{background:var(--success-green);box-shadow:0 0 4px rgba(var(--success-green-rgb),.5)}.light.orange{background:var(--warning-orange);box-shadow:0 0 4px rgba(var(--warning-orange-rgb),.5)}.server-label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary)}.feature-cards{position:absolute;top:-20px;right:-60px;display:flex;flex-direction:column;gap:var(--space-2)}.feature-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-md);border:1px solid var(--border-light);text-align:center;min-width:80px}.card-icon{font-size:var(--text-lg);margin-bottom:var(--space-1)}.card-title{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary)}.hero-scroll-indicator{position:absolute;bottom:var(--space-8);left:50%;transform:translateX(-50%)}.scroll-arrow{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--text-tertiary);font-size:var(--text-sm);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.vps-nav-wrapper{margin-bottom:var(--spacing-content)}.vps-nav{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-card);border:1px solid var(--border-light)}.vps-nav h3{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-6);text-align:center}.nav-list{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;list-style:none;margin:0;padding:0}.vps-nav .nav-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--bg-secondary);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast);border:1px solid transparent}.vps-nav .nav-link:hover{background:var(--primary-brand);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md);text-decoration:none}.vps-nav .nav-link.featured{background:var(--primary-brand);color:#fff;font-weight:600}.vps-nav .nav-link.featured:hover{background:var(--primary-brand-dark)}.vps-ranking-section{margin-bottom:var(--spacing-section)}.ranking-header{text-align:center;margin-bottom:var(--space-16)}.ranking-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,var(--accent-cta),#ff8a8a);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}.ranking-title{margin-bottom:var(--space-4)}.ranking-title .title-main{display:block;font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.ranking-title .title-sub{display:block;font-size:var(--text-lg);font-weight:400;color:var(--text-tertiary)}.ranking-description{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.6;max-width:600px;margin:0 auto}.ranking-table-wrapper{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);overflow:hidden;margin-bottom:var(--space-12);overflow-x:auto;-webkit-overflow-scrolling:touch}.ranking-table{width:100%}.table-header{display:grid;grid-template-columns:80px 1fr 120px 1fr 200px;gap:var(--space-4);background:var(--bg-secondary);padding:var(--space-6) var(--space-8);font-weight:600;color:var(--text-primary);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.025em}.table-row{display:grid;grid-template-columns:80px 1fr 120px 1fr 200px;gap:var(--space-4);padding:var(--space-8);border-bottom:1px solid var(--border-light);align-items:center;transition:all var(--transition-normal)}.table-row:last-child{border-bottom:none}.table-row:hover{background:rgba(var(--primary-brand-rgb),.02)}.table-row.row-gold{background:linear-gradient(135deg,rgba(255,215,0,.05) 0%,rgba(255,215,0,.02) 100%);border-left:4px solid gold}.table-row.row-silver{background:linear-gradient(135deg,rgba(192,192,192,.05) 0%,rgba(192,192,192,.02) 100%);border-left:4px solid silver}.table-row.row-bronze{background:linear-gradient(135deg,rgba(205,127,50,.05) 0%,rgba(205,127,50,.02) 100%);border-left:4px solid #cd7f32}.rank-badge{display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.rank-number{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.rank-crown,.rank-medal{font-size:var(--text-lg)}.provider-info{display:flex;align-items:center;gap:var(--space-4)}.provider-logo-small{width:48px;height:48px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-sm)}.provider-logo-small img{width:100%;height:100%;object-fit:cover}.provider-details{flex:1}.provider-name{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.provider-tag{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.price-info{text-align:center}.price-amount{display:block;font-size:var(--text-xl);font-weight:700;color:var(--primary-brand)}.price-period{font-size:var(--text-xs);color:var(--text-tertiary)}.advantage-tags{display:flex;flex-direction:column;gap:var(--space-2)}.tag{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;text-align:center}.tag-primary{background:rgba(var(--primary-brand-rgb),.1);color:var(--primary-brand)}.tag-success{background:rgba(var(--success-green-rgb),.1);color:var(--success-green)}.tag-info{background:rgba(var(--info-blue-rgb),.1);color:var(--info-blue)}.tag-warning{background:rgba(var(--warning-orange-rgb),.1);color:var(--warning-orange)}.action-buttons{display:flex;flex-direction:column;gap:var(--space-2)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md)}.ranking-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-8)}.ranking-note{display:flex;align-items:center;gap:var(--space-3);flex:1}.note-icon{font-size:var(--text-xl);flex-shrink:0}.ranking-note p{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6}.ranking-actions{display:flex;gap:var(--space-4)}.vps-detailed-reviews{margin-bottom:var(--spacing-section)}.reviews-header{text-align:center;margin-bottom:var(--space-16)}.reviews-title .title-main{display:block;font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.reviews-title .title-sub{display:block;font-size:var(--text-lg);color:var(--text-tertiary)}.reviews-description{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7;max-width:700px;margin:var(--space-6) auto 0}.category-nav{margin-bottom:var(--space-16);display:flex;justify-content:center}.category-tabs{display:flex;background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-2);gap:var(--space-2);flex-wrap:wrap}.category-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:0 0;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.category-tab:hover{background:var(--bg-card);color:var(--text-primary)}.category-tab.active{background:var(--primary-brand);color:#fff;box-shadow:var(--shadow-sm)}.tab-icon{font-size:var(--text-base)}.category-content{display:none}.category-content.active{display:block}.category-header{text-align:center;margin-bottom:var(--space-12)}.category-title{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--text-3xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.category-icon{font-size:var(--text-3xl)}.category-desc{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.6}.provider-review{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-card);margin-bottom:var(--space-12);overflow:hidden}.review-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-8);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-bottom:1px solid var(--border-light)}.provider-basic{display:flex;align-items:center;gap:var(--space-6)}.provider-logo-review{width:64px;height:64px;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}.provider-logo-review img{width:100%;height:100%;object-fit:cover}.provider-name-review{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.provider-tags-review{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.provider-rating{display:flex;align-items:center;gap:var(--space-2)}.rating-stars{color:gold;font-size:var(--text-lg)}.rating-text{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500}.price-highlight{text-align:right}.price-from{display:block;font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-1)}.price-highlight .price-amount{font-size:var(--text-3xl);font-weight:700;color:var(--primary-brand);display:block}.price-note{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-1)}.review-content{padding:var(--space-8)}.review-section{margin-bottom:var(--space-10)}.review-section:last-child{margin-bottom:0}.review-section .section-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-2);position:static;padding-left:0}.review-section .section-title:before{display:none}.review-section p{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-4)}.pricing-table{background:var(--bg-secondary);border-radius:var(--radius-xl);overflow:auto;margin-bottom:var(--space-6)}.pricing-header{background:var(--primary-brand);color:#fff;padding:var(--space-4) var(--space-6);font-weight:600;text-align:center}.pricing-comparison{width:100%;border-collapse:collapse}.pricing-comparison th,.pricing-comparison td{padding:var(--space-4) var(--space-6);text-align:left;border-bottom:1px solid var(--border-light)}.pricing-comparison th{background:var(--bg-card);font-weight:600;color:var(--text-primary);font-size:var(--text-sm)}.pricing-comparison td{color:var(--text-secondary)}.pricing-recommended{background:rgba(var(--primary-brand-rgb),.05)}.pricing-recommended td{font-weight:600;color:var(--text-primary)}.pricing-note{padding:var(--space-4) var(--space-6);background:var(--bg-card);border-top:1px solid var(--border-light);font-size:var(--text-sm);color:var(--text-secondary)}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.pros,.cons{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-6)}.pros{border-left:4px solid var(--success-green)}.cons{border-left:4px solid var(--error-red)}.pros ul,.cons ul{list-style:none;padding:0;margin:var(--space-4) 0 0 0}.pros li,.cons li{padding:var(--space-2) 0;color:var(--text-secondary);line-height:1.6}.pros li:before{content:'✓';color:var(--success-green);font-weight:700;margin-right:var(--space-3)}.cons li:before{content:'✗';color:var(--error-red);font-weight:700;margin-right:var(--space-3)}.target-audience{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.audience-suitable,.audience-unsuitable{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-6)}.audience-suitable{border-left:4px solid var(--success-green)}.audience-unsuitable{border-left:4px solid var(--warning-orange)}.audience-suitable h6,.audience-unsuitable h6{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-4)}.audience-suitable ul,.audience-unsuitable ul{list-style:none;padding:0;margin:0}.audience-suitable li,.audience-unsuitable li{padding:var(--space-2) 0;color:var(--text-secondary);line-height:1.6}.performance-data{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6)}.perf-item{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.perf-label{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-2);font-weight:500}.perf-value{font-size:var(--text-xl);font-weight:700;color:var(--primary-brand)}.review-actions{display:flex;gap:var(--space-4);justify-content:center;padding-top:var(--space-8);border-top:1px solid var(--border-light);margin-top:var(--space-8)}.vps-section{margin-bottom:var(--spacing-section)}.section-title{position:static;padding-left:0;font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:var(--space-8);line-height:1.2}.section-title:before{display:none}.vps-section .section-title{font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:var(--space-8);line-height:1.2}.section-title.title-important{background:linear-gradient(135deg,var(--accent-cta),#ff8a8a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-title.title-guide{background:linear-gradient(135deg,var(--primary-brand),var(--info-blue));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-title.title-help{color:var(--text-primary)}.section-intro{text-align:center;margin-bottom:var(--space-12)}.section-intro p{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7;max-width:700px;margin:0 auto}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-6);display:block}.table-responsive::-webkit-scrollbar{height:6px}.table-responsive::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.table-responsive::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:3px}.table-responsive::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.deals-accordion{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-card);border:1px solid var(--border-light)}.deals-accordion .accordion-component{--accordion-bg-primary:var(--bg-card);--accordion-bg-secondary:var(--bg-secondary);--accordion-text-primary:var(--text-primary);--accordion-text-secondary:var(--text-secondary);--accordion-border-color:var(--border-light);--accordion-accent-primary:var(--primary-brand);--accordion-accent-secondary:var(--accent-cta);--accordion-radius:var(--radius-lg);--accordion-shadow:var(--shadow-sm);--accordion-transition:var(--transition-normal);--accordion-spacing:var(--space-4)}.deals-table{margin-top:var(--space-6);background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden}.deals-table table{min-width:800px;width:100%;border-collapse:collapse}.deals-table th,.deals-table td{padding:var(--space-4) var(--space-6);text-align:left;border-bottom:1px solid var(--border-light)}.deals-table th{background:var(--primary-brand);color:#fff;font-weight:600;font-size:var(--text-sm)}.deals-table td{color:var(--text-secondary);background:var(--bg-card)}.deals-table a{color:var(--primary-brand);text-decoration:none;font-weight:500;transition:all var(--transition-fast)}.deals-table a:hover{color:var(--accent-cta);text-decoration:underline}.deals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.deal-item{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--border-light)}.deal-item h4{font-size:var(--text-xl);font-weight:600;color:var(--primary-brand);margin-bottom:var(--space-4)}.deal-item p{color:var(--text-secondary);line-height:1.6;font-size:var(--text-sm)}.provider-actions{margin-top:var(--space-6);text-align:center}.buying-guide-content{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-12);box-shadow:var(--shadow-card);border:1px solid var(--border-light)}.guide-section{margin-bottom:var(--space-16)}.guide-section:last-child{margin-bottom:0}.guide-section-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-3xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-10);padding-bottom:var(--space-4);border-bottom:2px solid var(--border-light)}.guide-icon{font-size:var(--text-3xl)}.parameters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8)}.parameter-card{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-8);border:1px solid var(--border-light);transition:all var(--transition-normal)}.parameter-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-brand)}.param-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.param-icon{font-size:var(--text-2xl)}.param-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.param-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.param-examples{display:flex;flex-direction:column;gap:var(--space-3)}.example-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg)}.example-spec{font-weight:600;color:var(--primary-brand);min-width:80px}.example-desc{color:var(--text-secondary);flex:1}.param-tips{margin-top:var(--space-4)}.tip-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-2)}.tip-item:last-child{margin-bottom:0}.tip-good{background:rgba(var(--success-green-rgb),.1);border-left:3px solid var(--success-green)}.tip-warning{background:rgba(var(--warning-orange-rgb),.1);border-left:3px solid var(--warning-orange)}.tip-info{background:rgba(var(--info-blue-rgb),.1);border-left:3px solid var(--info-blue)}.tip-icon{font-size:var(--text-base);flex-shrink:0;margin-top:2px}.tip-text{color:var(--text-secondary);line-height:1.6}.traps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.trap-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--border-light);transition:all var(--transition-normal)}.trap-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.trap-high{border-left:4px solid var(--error-red);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(var(--error-red-rgb),.02) 100%)}.trap-medium{border-left:4px solid var(--warning-orange);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(var(--warning-orange-rgb),.02) 100%)}.trap-low{border-left:4px solid var(--success-green);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(var(--success-green-rgb),.02) 100%)}.trap-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.trap-level{font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:rgba(var(--text-primary-rgb),.1);color:var(--text-primary)}.trap-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.trap-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.trap-signs h6,.trap-avoid h6{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.trap-signs ul,.trap-avoid ul{list-style:none;padding:0;margin:0}.trap-signs li,.trap-avoid li{position:relative;padding-left:var(--space-6);margin-bottom:var(--space-2);color:var(--text-secondary);line-height:1.5}.trap-signs li:before{content:"⚠️";position:absolute;left:0;top:0}.trap-avoid li:before{content:"💡";position:absolute;left:0;top:0}.tip-steps{display:flex;flex-direction:column;gap:var(--space-6)}.step-item{display:flex;gap:var(--space-4);padding:var(--space-6);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);transition:all var(--transition-normal)}.step-item:hover{transform:translateX(4px);box-shadow:var(--shadow-md);border-color:var(--primary-brand)}.step-number{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,var(--primary-brand),var(--accent-cta));color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-lg)}.step-content h4{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.step-content p{color:var(--text-secondary);line-height:1.6;margin:0}.network-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.network-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--border-light);transition:all var(--transition-normal)}.network-card.network-foreign-trade{margin-top:var(--space-8);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(var(--primary-brand-rgb),.02) 100%);border-left:4px solid var(--primary-brand);padding:var(--space-8)}.network-card.network-foreign-trade .network-title{font-size:var(--text-xl);color:var(--primary-brand);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-2)}.foreign-trade-content{display:flex;flex-direction:column;gap:var(--space-6)}.trade-region{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--border-light);transition:all var(--transition-normal)}.trade-region:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:rgba(var(--primary-brand-rgb),.3)}.trade-region h6{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:2px solid var(--border-light)}.trade-region p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-3)}.trade-region p:last-child{margin-bottom:0}.trade-region strong{color:var(--primary-brand);font-weight:600}.comparison-table{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.comparison-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg);border-left:3px solid var(--primary-brand);transition:all var(--transition-normal)}.comparison-row:hover{transform:translateX(4px);box-shadow:var(--shadow-sm)}.comparison-type{font-weight:600;color:var(--text-primary);min-width:120px;flex-shrink:0;font-size:var(--text-base)}.comparison-desc{color:var(--text-secondary);line-height:1.5;flex:1}.network-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-brand)}.network-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.network-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-2)}.network-example{margin-top:var(--space-4);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md)}.example-label{font-weight:600;color:var(--primary-brand)}.network-tips{margin-top:var(--space-6)}.tip-box{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.tip-box h6{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.tip-box ul{list-style:none;padding:0;margin:0}.tip-box li{position:relative;padding-left:var(--space-6);margin-bottom:var(--space-2);color:var(--text-secondary);line-height:1.5}.tip-box li:before{content:"•";position:absolute;left:var(--space-2);top:0;color:var(--primary-brand);font-weight:700}.tip-warning{background:rgba(var(--warning-orange-rgb),.05);border-color:var(--warning-orange)}.payment-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.payment-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--border-light);transition:all var(--transition-normal)}.payment-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.payment-best{border-color:var(--success-green);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(var(--success-green-rgb),.02) 100%)}.payment-avoid{border-color:var(--error-red);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(var(--error-red-rgb),.02) 100%)}.payment-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.payment-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-2)}.payment-recommendation{margin-top:var(--space-3);padding:var(--space-3);background:rgba(var(--success-green-rgb),.1);border-radius:var(--radius-md);color:var(--success-green);font-weight:500;font-size:var(--text-sm)}.refund-policies{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.refund-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--border-light);transition:all var(--transition-normal)}.refund-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.refund-excellent{border-color:var(--success-green);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(var(--success-green-rgb),.02) 100%)}.refund-good{border-color:var(--info-blue);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(var(--info-blue-rgb),.02) 100%)}.refund-warning{border-color:var(--warning-orange);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(var(--warning-orange-rgb),.02) 100%)}.refund-danger{border-color:var(--error-red);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(var(--error-red-rgb),.02) 100%)}.refund-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.refund-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-2)}.refund-note{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.refund-tips{margin-top:var(--space-6)}.refund-tips .tip-box:not(:last-child){margin-bottom:var(--space-4)}.refund-tips .tip-warning{background:rgba(var(--warning-orange-rgb),.08);border-color:var(--warning-orange);border-left:3px solid var(--warning-orange)}.refund-tips .tip-warning h6{color:var(--warning-orange);font-weight:700}.refund-tips .tip-info{background:rgba(var(--info-blue-rgb),.08);border-color:var(--info-blue);border-left:3px solid var(--info-blue)}.refund-tips .tip-info h6{color:var(--info-blue)}.refund-tips .tip-box li strong{color:var(--text-primary);font-weight:600;background:rgba(var(--primary-brand-rgb),.1);padding:1px 4px;border-radius:3px;font-size:.95em}.refund-tips .tip-warning li strong{background:rgba(var(--warning-orange-rgb),.15);color:var(--warning-orange)}.refund-tips .tip-info li strong{background:rgba(var(--info-blue-rgb),.15);color:var(--info-blue)}.beginner-tips{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-8);border:1px solid var(--border-light)}.final-advice{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-light)}.advice-box{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(var(--primary-brand-rgb),.05) 100%);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid rgba(var(--primary-brand-rgb),.2)}.advice-box h4{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.advice-box p{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-3)}.advice-box p:last-child{margin-bottom:0}.target-audience{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-top:var(--space-4)}.audience-suitable,.audience-unsuitable{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--border-light)}.audience-suitable{border-left:4px solid var(--success-green);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(var(--success-green-rgb),.02) 100%)}.audience-unsuitable{border-left:4px solid var(--error-red);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(var(--error-red-rgb),.02) 100%)}.audience-suitable h6,.audience-unsuitable h6{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.audience-suitable ul,.audience-unsuitable ul{list-style:none;padding:0;margin:0}.audience-suitable li,.audience-unsuitable li{position:relative;padding-left:var(--space-6);margin-bottom:var(--space-2);color:var(--text-secondary);line-height:1.5}.audience-suitable li:before{content:"✅";position:absolute;left:0;top:0}.audience-unsuitable li:before{content:"❌";position:absolute;left:0;top:0}@media (max-width:768px){.traps-grid{grid-template-columns:1fr;gap:var(--space-4)}.parameters-grid{grid-template-columns:1fr;gap:var(--space-6)}.target-audience{grid-template-columns:1fr;gap:var(--space-4)}.step-item{flex-direction:column;text-align:center}.step-number{align-self:center}.network-types{gap:var(--space-4)}.payment-methods,.refund-policies{gap:var(--space-3)}.trap-card,.parameter-card,.network-card,.payment-card,.refund-card{padding:var(--space-4)}.network-card.network-foreign-trade{margin-top:var(--space-6);padding:var(--space-6)}.foreign-trade-content{gap:var(--space-4)}.trade-region{padding:var(--space-4)}.trade-region h6{font-size:var(--text-base);flex-direction:column;text-align:center;gap:var(--space-1)}.comparison-table{gap:var(--space-2)}.comparison-row{flex-direction:column;text-align:center;gap:var(--space-2);padding:var(--space-3)}.comparison-type{min-width:auto;font-size:var(--text-sm)}.comparison-desc{font-size:var(--text-sm)}.beginner-tips{padding:var(--space-6)}.advice-box{padding:var(--space-4)}}@media (max-width:480px){.guide-section-title{font-size:var(--text-2xl);flex-direction:column;text-align:center;gap:var(--space-2)}.guide-icon{font-size:var(--text-2xl)}.step-item{padding:var(--space-4)}.step-number{width:32px;height:32px;font-size:var(--text-base)}.tip-steps{gap:var(--space-4)}}.criteria-accordion .accordion-component{--accordion-bg-primary:var(--bg-card);--accordion-bg-secondary:var(--bg-secondary);--accordion-text-primary:var(--text-primary);--accordion-text-secondary:var(--text-secondary);--accordion-border-color:var(--border-light);--accordion-accent-primary:var(--primary-brand);--accordion-accent-secondary:var(--accent-cta)}.faq-accordion{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-card);border:1px solid var(--border-light)}.faq-accordion .accordion-component{--accordion-bg-primary:var(--bg-card);--accordion-bg-secondary:var(--bg-secondary);--accordion-text-primary:var(--text-primary);--accordion-text-secondary:var(--text-secondary);--accordion-border-color:var(--border-light);--accordion-accent-primary:var(--primary-brand);--accordion-accent-secondary:var(--accent-cta);--accordion-radius:var(--radius-lg);--accordion-shadow:var(--shadow-sm);--accordion-transition:var(--transition-normal);--accordion-spacing:var(--space-4)}.vps-conclusion{margin-bottom:var(--spacing-section)}.conclusion-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-card);border:1px solid var(--border-light);text-align:center;margin-bottom:var(--space-8)}.conclusion-title{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-6)}.conclusion-icon{font-size:var(--text-2xl)}.conclusion-card p{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7}.conclusion-card a{color:var(--primary-brand);text-decoration:none;font-weight:500}.conclusion-card a:hover{color:var(--accent-cta);text-decoration:underline}.affiliate-disclosure{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-secondary) 100%);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-card);border:1px solid var(--border-light)}.disclosure-header{text-align:center;margin-bottom:var(--space-8)}.disclosure-title{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--text-2xl);font-weight:600;color:var(--text-primary)}.disclosure-icon{font-size:var(--text-2xl)}.disclosure-content{max-width:900px;margin:0 auto}.disclosure-main p{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7;text-align:center;margin-bottom:var(--space-8)}.disclosure-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.disclosure-point{display:flex;gap:var(--space-4);align-items:flex-start}.point-icon{font-size:var(--text-xl);flex-shrink:0;margin-top:var(--space-1)}.point-content h4{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.point-content p{color:var(--text-secondary);line-height:1.6}.disclosure-footer{background:rgba(var(--info-blue-rgb),.05);border-radius:var(--radius-lg);padding:var(--space-6);border-left:4px solid var(--info-blue)}.footer-note{display:flex;gap:var(--space-3);align-items:flex-start}.note-icon{font-size:var(--text-xl);flex-shrink:0;margin-top:var(--space-1)}.footer-note p{color:var(--text-secondary);line-height:1.6;margin:0}@media (min-width:1600px){.vps-container{padding:0 var(--space-16)}.hero-content{gap:var(--space-20)}.title-main{font-size:4rem}}@media (max-width:1280px){.hero-content{gap:var(--space-12)}.parameters-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:60px 1fr 100px 150px 180px;gap:var(--space-3)}}@media (max-width:1024px){.hero-content{grid-template-columns:1fr;gap:var(--space-12);text-align:center}.hero-stats{justify-content:center}.hero-actions{justify-content:center}.table-header,.table-row{grid-template-columns:1fr;gap:var(--space-4);text-align:left}.table-header{display:none}.table-row{border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-6)}.rank-badge{justify-content:flex-start;margin-bottom:var(--space-4)}.provider-info{margin-bottom:var(--space-4)}.price-info{text-align:left;margin-bottom:var(--space-4)}.advantage-tags{flex-direction:row;flex-wrap:wrap;margin-bottom:var(--space-4)}.category-tabs{flex-direction:column}.pros-cons{grid-template-columns:1fr}.target-audience{grid-template-columns:1fr}.review-header{flex-direction:column;gap:var(--space-6);text-align:center}.price-highlight{text-align:center}.disclosure-points{grid-template-columns:1fr}}@media (max-width:768px){.vps-main-content{padding:var(--space-12) 0}.vps-hero{padding:var(--space-12) 0;margin-bottom:var(--space-12)}.hero-content{grid-template-columns:1fr;gap:var(--space-8);text-align:center}.hero-main{max-width:none}.title-main{font-size:var(--text-3xl)}.title-sub{font-size:var(--text-lg)}.hero-stats{flex-direction:column;gap:var(--space-4)}.hero-actions{flex-direction:column}.btn-lg{width:100%}.nav-list{flex-direction:column}.vps-nav .nav-link{width:100%;justify-content:center}.vps-section .section-title{font-size:var(--text-2xl)}.ranking-title .title-main{font-size:var(--text-2xl)}.reviews-title .title-main{font-size:var(--text-2xl)}.category-title{font-size:var(--text-xl);flex-direction:column;gap:var(--space-2)}.provider-basic{flex-direction:column;gap:var(--space-4);text-align:center}.provider-tags-review{justify-content:center}.review-actions{flex-direction:column}.performance-data{grid-template-columns:1fr}.ranking-footer{flex-direction:column;text-align:center}.ranking-actions{flex-direction:column;width:100%}.visual-container{margin-right:0}.feature-cards{position:static;flex-direction:row;justify-content:center;margin-top:var(--space-6)}.guide-section-title{font-size:var(--text-xl);flex-direction:column;gap:var(--space-2);text-align:center}.buying-guide-content,.deals-accordion,.faq-accordion,.conclusion-card,.affiliate-disclosure,.vps-comments-wrapper{padding:var(--space-6)}}@media (max-width:480px){.vps-container{padding:0 var(--space-4)}.title-main{font-size:var(--text-2xl)}.hero-description{font-size:var(--text-base)}.vps-section .section-title{font-size:var(--text-xl)}.deals-table th,.deals-table td{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.disclosure-title,.vps-comments-main-title{font-size:var(--text-xl);flex-direction:column;gap:var(--space-2)}}@media print{.vps-hero,.vps-nav-wrapper,.hero-scroll-indicator,.action-buttons,.review-actions,.ranking-actions{display:none}.vps-page-wrapper{background:#fff}.vps-section,.provider-review,.conclusion-card,.affiliate-disclosure{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}@media (prefers-contrast:high){.vps-hero,.vps-section,.provider-review,.parameter-card{border-width:2px}.btn:focus,.vps-nav .nav-link:focus,.category-tab:focus{outline-width:3px}}
.accordion-component{--accordion-bg-primary:var(--bg-card,#fff);--accordion-bg-secondary:var(--bg-secondary,#f5f7fa);--accordion-text-primary:var(--text-primary,#2d3748);--accordion-text-secondary:var(--text-secondary,#4a5568);--accordion-border-color:var(--border-light,#e2e8f0);--accordion-accent-primary:var(--primary-brand,#0a2463);--accordion-accent-secondary:var(--accent-cta,#ff6b6b);--accordion-radius:var(--radius-lg,8px);--accordion-shadow:var(--shadow-sm,0 1px 2px 0 rgba(0,0,0,.05));--accordion-transition:var(--transition-normal,.25s cubic-bezier(.4,0,.2,1));--accordion-spacing:var(--space-4,1rem);--accordion-border-hover:rgba(10,36,99,.3);--accordion-border-active:rgba(10,36,99,.2);--accordion-shadow-active:0 2px 8px rgba(10,36,99,.08);--accordion-focus-outline:rgba(10,36,99,.4)}.accordion-component{width:100%;font-family:var(--font-primary)}.accordion-item{border:1px solid var(--accordion-border-color);border-radius:var(--accordion-radius);margin-bottom:var(--accordion-spacing);overflow:hidden;transition:all var(--accordion-transition);background:linear-gradient(135deg,var(--accordion-bg-primary) 0%,rgba(var(--bg-secondary-rgb,245,247,250),.5) 100%);box-shadow:0 2px 8px rgba(0,0,0,.04)}.accordion-item:last-child{margin-bottom:0}.accordion-item:hover{border-color:var(--accordion-border-hover);box-shadow:0 4px 16px rgba(0,0,0,.08);transform:translateY(-2px)}.accordion-item.active{border-color:var(--accordion-border-active);box-shadow:var(--accordion-shadow-active)}.accordion-header{display:flex;align-items:center;gap:var(--space-4,1rem);padding:var(--space-6,1.5rem) var(--space-8,2rem);cursor:pointer;transition:all var(--transition-fast,.15s cubic-bezier(.4,0,.2,1));background:var(--accordion-bg-primary);border:none;width:100%;text-align:left;user-select:none}.accordion-header:hover{background:var(--accordion-bg-secondary)}.accordion-header:focus{outline:1px solid var(--accordion-focus-outline);outline-offset:-1px}.accordion-icon{font-size:var(--text-xl,1.25rem);flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.accordion-title{font-size:var(--text-lg,1.125rem);font-weight:600;color:var(--accordion-text-primary);margin:0;flex:1;line-height:1.4}.accordion-toggle{font-size:var(--text-2xl,1.5rem);font-weight:300;color:var(--accordion-accent-primary);transition:transform var(--transition-fast,.15s cubic-bezier(.4,0,.2,1));flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;line-height:1}.accordion-item.active .accordion-toggle{transform:rotate(45deg);color:var(--accordion-accent-secondary)}.accordion-content{max-height:0;overflow:hidden;transition:all var(--accordion-transition);background:var(--accordion-bg-primary)}.accordion-item.active .accordion-content{max-height:2000px}.accordion-content-inner{padding:var(--space-6,1.5rem) var(--space-8,2rem) var(--space-8,2rem) var(--space-8,2rem);color:var(--accordion-text-secondary);line-height:1.6;font-size:var(--text-base,1rem)}.accordion-content p{margin-bottom:var(--space-4,1rem);color:var(--accordion-text-secondary)}.accordion-content p:last-child{margin-bottom:0}.accordion-content a{color:var(--accordion-accent-primary);text-decoration:underline;font-weight:500;transition:all var(--transition-fast,.15s cubic-bezier(.4,0,.2,1))}.accordion-content a:hover{color:var(--accordion-accent-secondary);text-decoration:none}.accordion-content ul,.accordion-content ol{margin-bottom:var(--space-4,1rem);padding-left:var(--space-6,1.5rem)}.accordion-content li{margin-bottom:var(--space-2,.5rem);color:var(--accordion-text-secondary)}.accordion-content strong{color:var(--accordion-text-primary);font-weight:600}@keyframes accordion-fade-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.accordion-item.active .accordion-content-inner{animation:accordion-fade-in var(--accordion-transition) ease-out}@media (max-width:1024px){.accordion-header{padding:var(--space-5,1.25rem) var(--space-6,1.5rem)}.accordion-content-inner{padding:0 var(--space-6,1.5rem) var(--space-6,1.5rem) var(--space-6,1.5rem)}}@media (max-width:768px){.accordion-header{padding:var(--space-4,1rem) var(--space-6,1.5rem);gap:var(--space-3,.75rem)}.accordion-title{font-size:var(--text-base,1rem)}.accordion-content-inner{padding:0 var(--space-6,1.5rem) var(--space-6,1.5rem) var(--space-6,1.5rem)}}@media (max-width:480px){.accordion-header{padding:var(--space-3,.75rem) var(--space-4,1rem)}.accordion-content-inner{padding:0 var(--space-4,1rem) var(--space-4,1rem) var(--space-4,1rem)}.accordion-icon{font-size:var(--text-lg,1.125rem);width:20px;height:20px}.accordion-toggle{font-size:var(--text-xl,1.25rem);width:20px;height:20px}}@media (prefers-contrast:high){.accordion-item{border-width:2px}.accordion-header:focus{outline-width:3px}}@media (prefers-reduced-motion:reduce){.accordion-item,.accordion-header,.accordion-toggle,.accordion-content{transition:none}.accordion-content-inner{animation:none}}@media print{.accordion-content{max-height:none !important;overflow:visible !important}.accordion-toggle{display:none}.accordion-item{border:1px solid #ddd;box-shadow:none;margin-bottom:var(--space-4,1rem);break-inside:avoid}}
:root{--b2b-vps-primary:#0a2463;--b2b-vps-primary-hover:#1565c0;--b2b-vps-secondary:#0d47a1;--b2b-vps-secondary-hover:#0d47a1;--b2b-vps-accent:#0a2463;--b2b-vps-badge:#f44336;--b2b-vps-text:#212121;--b2b-vps-text-light:#616161;--b2b-vps-text-lighter:#9e9e9e;--b2b-vps-bg:#fff;--b2b-vps-border:#e0e0e0;--b2b-vps-border-light:#f5f5f5;--b2b-vps-shadow:rgba(30,136,229,.15);--b2b-vps-shadow-hover:rgba(30,136,229,.25);--b2b-vps-shadow-secondary:rgba(100,181,246,.2)}.b2b-vps-shortcode{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.b2b-vps-filter-container{opacity:1;transform:translateY(0);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.b2b-vps-filter-container[data-state=hiding]{opacity:0;transform:translateY(-20px);pointer-events:none}.b2b-vps-filter-form{display:flex;flex-direction:column;gap:24px}.b2b-vps-filter-section{background:var(--b2b-vps-bg);border:1px solid var(--b2b-vps-border);border-radius:8px;padding:25px 30px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:box-shadow .2s cubic-bezier(.4,0,.2,1)}.b2b-vps-filter-section:hover{box-shadow:0 3px 8px rgba(0,0,0,.12)}.b2b-vps-filter-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--b2b-vps-text);letter-spacing:-.01em}.b2b-vps-budget-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.b2b-vps-radio-option{position:relative;display:flex;align-items:center;justify-content:center;padding:12px 16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);user-select:none}.b2b-vps-radio-option:hover{background:#f3f4f6;border-color:var(--b2b-vps-primary)}.b2b-vps-radio-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.b2b-vps-radio-option input[type=radio]:checked+.b2b-vps-radio-label{color:var(--b2b-vps-bg);font-weight:600}.b2b-vps-radio-option:has(input:checked){background:var(--b2b-vps-primary);border-color:var(--b2b-vps-primary);box-shadow:0 0 0 3px var(--b2b-vps-shadow)}.b2b-vps-radio-label{font-size:14px;color:#374151;transition:color .2s}.b2b-vps-tags-grid{display:flex;flex-wrap:wrap;gap:12px}.b2b-vps-checkbox-option{position:relative;display:inline-flex;align-items:center;padding:10px 16px;background:#f9f9f9;border:2px solid var(--b2b-vps-border);border-radius:20px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);user-select:none}.b2b-vps-checkbox-option:hover{background:rgba(6,147,227,.05);border-color:var(--b2b-vps-primary)}.b2b-vps-checkbox-option input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.b2b-vps-checkbox-option input[type=checkbox]:checked+.b2b-vps-checkbox-label{color:var(--b2b-vps-bg);font-weight:600}.b2b-vps-checkbox-option:has(input:checked){background:var(--b2b-vps-primary);border-color:var(--b2b-vps-primary)}.b2b-vps-checkbox-label{font-size:14px;color:#374151;transition:color .2s}.b2b-vps-regions-section{overflow:hidden}.b2b-vps-regions-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0;margin:-20px -24px 0;padding:20px 24px;background:0 0;border:none;cursor:pointer;font-size:16px;font-weight:600;color:#1f2937;text-align:left;transition:background .2s}.b2b-vps-regions-toggle:hover{background:rgba(6,147,227,.05)}.b2b-vps-regions-toggle span:first-child{flex:1}.b2b-vps-optional-tag{font-size:12px;font-weight:500;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:4px;margin-right:8px}.b2b-vps-toggle-icon{width:20px;height:20px;color:#9ca3af;transition:transform .3s cubic-bezier(.4,0,.2,1)}.b2b-vps-regions-toggle[aria-expanded=true] .b2b-vps-toggle-icon{transform:rotate(180deg)}.b2b-vps-regions-content{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);margin-top:0}.b2b-vps-regions-content:not([hidden]){max-height:600px;opacity:1;margin-top:16px}.b2b-vps-region-group{margin-bottom:20px}.b2b-vps-region-group:last-child{margin-bottom:0}.b2b-vps-region-group-title{display:block;font-size:14px;font-weight:600;color:#6b7280;margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.b2b-vps-region-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.b2b-vps-region-checkbox{display:flex;align-items:center;padding:6px 10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s;font-size:13px;user-select:none}.b2b-vps-region-checkbox:hover{background:rgba(6,147,227,.05);border-color:var(--b2b-vps-primary)}.b2b-vps-region-checkbox input{margin-right:8px}.b2b-vps-region-checkbox:has(input:checked){background:var(--b2b-vps-primary);border-color:var(--b2b-vps-primary);color:var(--b2b-vps-bg)}.b2b-vps-actions{text-align:center;padding:8px 0}.b2b-vps-submit-btn{min-width:200px;padding:12px 30px;background:var(--b2b-vps-primary);color:var(--b2b-vps-bg);border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 2px 4px var(--b2b-vps-shadow);transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:.01em}.b2b-vps-submit-btn:hover{background:var(--b2b-vps-primary-hover);box-shadow:0 4px 8px var(--b2b-vps-shadow-hover);transform:translateY(-2px)}.b2b-vps-submit-btn:active{transform:translateY(0);box-shadow:0 2px 4px var(--b2b-vps-shadow)}.b2b-vps-loading-container{opacity:0;transform:scale(.95);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.b2b-vps-loading-container:not([hidden]){opacity:1;transform:scale(1)}.b2b-vps-loading-content{background:#fff;border-radius:16px;padding:48px 32px;box-shadow:0 10px 25px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.05);text-align:center}.b2b-vps-spinner{width:48px;height:48px;margin:0 auto 32px;border:4px solid var(--b2b-vps-border);border-top-color:var(--b2b-vps-primary);border-radius:50%;animation:b2b-vps-spin .8s linear infinite}@keyframes b2b-vps-spin{to{transform:rotate(360deg)}}.b2b-vps-loading-steps{display:flex;flex-direction:column;gap:16px;max-width:360px;margin:0 auto}.b2b-vps-step{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f9fafb;border-radius:8px;opacity:.4;transition:all .3s cubic-bezier(.4,0,.2,1)}.b2b-vps-step.active{opacity:1;background:rgba(6,147,227,.1);color:var(--b2b-vps-primary)}.b2b-vps-step.completed{opacity:.7}.b2b-vps-step-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px}.b2b-vps-step.completed .b2b-vps-step-icon{color:#10b981}.b2b-vps-step.active .b2b-vps-step-icon{animation:b2b-vps-pulse 1.5s ease-in-out infinite}@keyframes b2b-vps-pulse{0%,100%{opacity:1}50%{opacity:.5}}.b2b-vps-step-text{font-size:14px;font-weight:500;text-align:left}.b2b-vps-results-container{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.b2b-vps-results-container:not([hidden]){opacity:1;transform:translateY(0)}.b2b-vps-alert{background:#fff3cd;color:#856404;padding:15px 20px;border-radius:6px;border:1px solid #ffc107;border-left:5px solid #ff9800;margin-bottom:20px;font-size:14px;line-height:1.5}.b2b-vps-result-cards{display:flex;flex-direction:column;gap:30px;margin-bottom:24px}.b2b-vps-result-cards:not([hidden]){min-height:500px}.b2b-vps-primary-result,.b2b-vps-secondary-result{opacity:0;transform:translateY(20px);animation:b2b-vps-slide-in .6s cubic-bezier(.4,0,.2,1) forwards;min-height:220px}.b2b-vps-primary-result.b2b-vps-switching,.b2b-vps-secondary-result.b2b-vps-switching{opacity:0 !important;transform:translateY(0) !important;animation:none !important;transition:opacity .3s ease-in-out !important}.b2b-vps-card-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:220px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:14px;font-weight:500}.b2b-vps-card-loading.b2b-vps-unified-loading{min-height:320px;font-size:15px}.b2b-vps-spinner-small{width:20px;height:20px;border:3px solid #e5e7eb;border-top-color:var(--b2b-vps-primary);border-radius:50%;animation:b2b-vps-spin .8s linear infinite}.b2b-vps-primary-result{animation-delay:0ms}.b2b-vps-secondary-result{animation-delay:.2s}@keyframes b2b-vps-slide-in{to{opacity:1;transform:translateY(0)}}.b2b-vps-primary-result .b2b-vps-card{background:var(--b2b-vps-bg);border:2px solid var(--b2b-vps-primary);border-radius:8px;padding:25px;position:relative;box-shadow:0 4px 12px var(--b2b-vps-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.b2b-vps-primary-result .b2b-vps-card:hover{box-shadow:0 6px 16px var(--b2b-vps-shadow-hover);transform:translateY(-3px)}.b2b-vps-secondary-result .b2b-vps-card{background:var(--b2b-vps-bg);border:1px solid var(--b2b-vps-border);border-radius:8px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.08);opacity:.95;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;gap:30px}.b2b-vps-secondary-result .b2b-vps-card:hover{box-shadow:0 2px 6px rgba(0,0,0,.12);transform:translateY(-1px)}.b2b-vps-secondary-result .b2b-vps-card-left{flex:0 0 35%}.b2b-vps-secondary-result .b2b-vps-card-right{flex:1}.b2b-vps-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;margin-bottom:10px}.b2b-vps-primary-result .b2b-vps-badge-top{position:absolute;top:-12px;left:20px;background:var(--b2b-vps-primary);color:var(--b2b-vps-bg);text-transform:uppercase}.b2b-vps-primary-result .b2b-vps-badge{background:var(--b2b-vps-badge);color:var(--b2b-vps-bg)}.b2b-vps-secondary-result .b2b-vps-badge{background:var(--b2b-vps-secondary);color:var(--b2b-vps-bg);font-size:11px;padding:3px 8px}.b2b-vps-card h4{margin:0 0 10px;font-size:24px;font-weight:700;color:var(--b2b-vps-text);line-height:1.3}.b2b-vps-secondary-result .b2b-vps-card h4{font-size:20px;color:#444}.b2b-vps-card .b2b-vps-name{margin:0 0 15px;font-size:18px;color:var(--b2b-vps-text-light);font-weight:500}.b2b-vps-secondary-result .b2b-vps-name{font-size:16px;color:var(--b2b-vps-text-lighter)}.b2b-vps-card .b2b-vps-price{font-size:28px;font-weight:700;color:var(--b2b-vps-primary);margin-bottom:20px}.b2b-vps-secondary-result .b2b-vps-price{font-size:24px;color:var(--b2b-vps-secondary)}.b2b-vps-specs{list-style:none;padding:0;margin:0 0 15px}.b2b-vps-specs li{padding:8px 0;border-bottom:1px solid var(--b2b-vps-border-light);color:var(--b2b-vps-text-light)}.b2b-vps-specs li:last-child{border-bottom:none}.b2b-vps-secondary-result .b2b-vps-specs li{padding:6px 0;font-size:14px;border-bottom-color:#f0f0f0}.b2b-vps-regions-text{margin-bottom:20px;color:var(--b2b-vps-text-light);font-size:14px}.b2b-vps-secondary-result .b2b-vps-regions-text{color:var(--b2b-vps-text-lighter);font-size:13px;margin-bottom:15px}.b2b-vps-cta{display:block;width:100%;text-align:center;padding:12px;background:var(--b2b-vps-primary);color:var(--b2b-vps-bg);border-radius:6px;text-decoration:none;font-size:14px;font-weight:600;box-shadow:0 2px 4px var(--b2b-vps-shadow);transition:all .2s cubic-bezier(.4,0,.2,1)}.b2b-vps-cta:hover{background:var(--b2b-vps-primary-hover);color:var(--b2b-vps-bg);box-shadow:0 3px 6px var(--b2b-vps-shadow-hover);transform:translateY(-1px)}.b2b-vps-secondary-result .b2b-vps-cta{background:var(--b2b-vps-secondary);padding:10px}.b2b-vps-secondary-result .b2b-vps-cta:hover{background:var(--b2b-vps-secondary-hover)}.b2b-vps-result-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:16px 0;margin-top:20px;opacity:0;animation:b2b-vps-fade-in .6s .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes b2b-vps-fade-in{to{opacity:1}}.b2b-vps-btn-secondary,.b2b-vps-btn-text,.b2b-vps-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 30px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none}.b2b-vps-btn-secondary{background:var(--b2b-vps-secondary);color:var(--b2b-vps-bg);box-shadow:0 2px 4px var(--b2b-vps-shadow-secondary)}.b2b-vps-btn-secondary:hover{background:var(--b2b-vps-secondary-hover);box-shadow:0 4px 8px var(--b2b-vps-shadow-secondary);transform:translateY(-2px)}.b2b-vps-btn-text{background:0 0;color:#6b7280;border:2px solid transparent}.b2b-vps-btn-text:hover{color:var(--b2b-vps-primary);background:#f9fafb}.b2b-vps-btn-primary{background:var(--b2b-vps-primary);color:var(--b2b-vps-bg);box-shadow:0 2px 4px var(--b2b-vps-shadow)}.b2b-vps-btn-primary:hover{background:var(--b2b-vps-primary-hover);box-shadow:0 4px 8px var(--b2b-vps-shadow-hover);transform:translateY(-1px)}@media (max-width:768px){.b2b-vps-shortcode{padding:15px}.b2b-vps-budget-options{grid-template-columns:1fr 1fr}.b2b-vps-region-options{grid-template-columns:1fr 1fr}.b2b-vps-submit-btn{width:100%}.b2b-vps-secondary-result .b2b-vps-card{flex-direction:column;gap:20px}.b2b-vps-secondary-result .b2b-vps-card-left,.b2b-vps-secondary-result .b2b-vps-card-right{flex:1}.b2b-vps-result-actions{flex-direction:column}.b2b-vps-btn-secondary,.b2b-vps-btn-text,.b2b-vps-btn-primary{width:100%;justify-content:center}}