/* Self-service comparison: existing red/gray palette, square corners throughout. */
.pkg-page{--pkg-red:#cc0000;--pkg-line:#e4e7ec;background:#fff;color:#222;font:14px/1.8 '42dot Sans','Microsoft YaHei',Arial,sans-serif;}
.pkg-page,.pkg-page *{box-sizing:border-box;border-radius:0!important;}
.pkg-page h1,.pkg-page h2,.pkg-page p{margin:0;}
.pkg-page a{text-decoration:none;}
.pkg-page a:focus-visible,.pkg-page [tabindex]:focus-visible{outline:2px solid #1265ec;outline-offset:4px;}
.pkg-section{padding:50px 0 64px;}
.pkg-width{width:calc(100% - 48px);max-width:1200px;margin:0 auto;}
.pkg-intro{text-align:center;margin-bottom:30px;}
.pkg-intro h1{font-size:32px;line-height:1.45;font-weight:600;color:#222;}
.pkg-intro>p{margin:12px 0 0;font-size:16px;line-height:1.8;color:#666;}
.pkg-table-wrap{overflow-x:auto;border:1px solid var(--pkg-line);background:#fff;scrollbar-color:#c8cdd5 #f4f5f6;}
.pkg-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;color:#444;font:14px/1.7 '42dot Sans','Microsoft YaHei',Arial,sans-serif;}
.pkg-label-col{width:30%;}
.pkg-table th,.pkg-table td{padding:10px 20px;text-align:center;vertical-align:middle;border-right:1px solid var(--pkg-line);border-bottom:1px solid var(--pkg-line);overflow-wrap:anywhere;}
.pkg-table tr>:last-child{border-right:0;}
.pkg-table tbody:last-child tr:last-child>*{border-bottom:0;}
.pkg-table thead th{padding:16px 24px;font-weight:400;background:#fff;}
.pkg-table thead .pkg-feature-head{background:#f4f5f6;text-align:left;}
.pkg-feature-head h2{font-size:22px;line-height:1.5;font-weight:600;}
.pkg-plan-badge{display:inline-block;padding:2px 8px;background:#fff0f0;color:var(--pkg-red);font-size:13px;line-height:1.7;}
.pkg-plan-own .pkg-plan-badge{color:#555;background:#f4f5f6;}
.pkg-plan-title{display:flex;align-items:center;justify-content:flex-start;gap:12px;text-align:left;}
.pkg-plan-title .pkg-plan-badge{flex-shrink:0;white-space:nowrap;}
.pkg-plan-head h2{margin:0;font-size:22px;line-height:1.4;font-weight:600;color:#222;}
.pkg-plan-head .pkg-price{margin:4px 0 0;color:var(--pkg-red);font-size:16px;line-height:1.3;}
.pkg-price strong{display:inline-block;margin:0 3px 0 0;font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;}
.pkg-price span:last-child{font-size:14px;}
.pkg-plan-head .pkg-renew{color:#888;font-size:13px;line-height:1.7;}
.pkg-purchase-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;}
.pkg-price-block{text-align:left;min-width:0;}
.pkg-buy-frame{flex:0 0 158px;padding:0;background:#fff;}
.pkg-page a.button.buy_btn{display:block;float:none;width:220px;max-width:100%;height:38px;margin:10px auto 0;padding:0;border:1px solid var(--pkg-red);background:var(--pkg-red);color:#fff;font:16px/36px 'Microsoft YaHei',Arial,sans-serif;text-align:center;}
.pkg-page a.button.buy_btn:hover{background:#b30000;border-color:#b30000;}
.pkg-page .pkg-purchase-row a.button.buy_btn{width:100%;margin:0;}
.pkg-table tbody tr>*{background:#fff;}
.pkg-table tbody tr:nth-child(odd)>*{background:#f4f5f6;}
.pkg-table tbody th[scope=row]{text-align:left;font-weight:400;color:#444;}
.pkg-table tbody .pkg-group-heading th{padding:12px 20px;text-align:left;background:#EEF3F9;color:#222;}
.pkg-group-heading h2{font-size:16px;font-weight:600;line-height:1.6;}
.pkg-table .pkg-supported{color:var(--pkg-red);}
.pkg-status-icon{display:inline-block;font-family:FontAwesome;font-size:14px;font-style:normal;font-weight:400;line-height:1;vertical-align:middle;}
.pkg-status-icon.fa-check{color:#cc0000;}
.pkg-status-icon.fa-check::before{content:'\f00c';}
.pkg-floating-head{position:fixed;z-index:90;overflow:hidden;border:1px solid var(--pkg-line);background:#fff;box-shadow:0 3px 8px #0000000d;}
.pkg-floating-head[hidden]{display:none;}
.pkg-floating-head .pkg-table thead th{padding:8px 18px;}
.pkg-floating-name{display:block;font-size:17px;font-weight:600;line-height:1.4;color:#222;}
.pkg-floating-head .pkg-renew{display:block;font-size:11px;}
.pkg-floating-head .pkg-plan-badge{padding:1px 6px;font-size:12px;}
.pkg-floating-head .pkg-price{display:block;margin:0;}
.pkg-floating-head .pkg-purchase-row{gap:16px;margin-top:4px;}
.pkg-floating-head .pkg-price strong{font-size:22px;}
.pkg-floating-head a.button.buy_btn{display:inline-block;width:112px;height:32px;margin-top:4px;font-size:14px;line-height:30px;vertical-align:middle;}
.pkg-floating-head .pkg-buy-frame{flex-basis:118px;padding:0;}
.pkg-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
#package-parameters,[id^=package-buy-]{scroll-margin-top:120px;}
@media(max-width:768px){
 .pkg-section{padding:30px 0 40px;}
 .pkg-width{width:calc(100% - 24px);}
 .pkg-intro{margin-bottom:20px;}
 .pkg-intro h1{font-size:22px;}
 .pkg-intro>p{font-size:12px;margin-top:9px;}
 .pkg-table{font-size:12px;line-height:1.65;}
 .pkg-label-col{width:30%;}
 .pkg-table th,.pkg-table td{padding:9px 8px;}
 .pkg-table thead th{padding:12px 6px;}
 .pkg-feature-head h2{font-size:14px;}
 .pkg-plan-head h2{font-size:14px;}
 .pkg-plan-title{flex-wrap:wrap;gap:4px;}
 .pkg-plan-badge{padding:2px 5px;font-size:11px;}
 .pkg-price strong{font-size:22px;}
 .pkg-plan-head .pkg-price,.pkg-price span:last-child{font-size:11px;}
 .pkg-plan-head .pkg-renew{font-size:10px;}
 .pkg-page a.button.buy_btn{height:32px;font-size:13px;line-height:30px;}
 .pkg-purchase-row{flex-direction:column;gap:6px;margin-top:4px;}
 .pkg-price-block{text-align:left;width:100%;}
 .pkg-buy-frame,.pkg-floating-head .pkg-buy-frame{flex:0 0 auto;width:100%;padding:0;}
 .pkg-page .pkg-purchase-row a.button.buy_btn{flex:0 0 auto;width:100%;}
 .pkg-group-heading h2{font-size:14px;}
 .pkg-table tbody .pkg-group-heading th{padding:10px 8px;}
 .pkg-floating-head .pkg-table thead th{padding:6px;}
 .pkg-floating-name{font-size:12px;}
 .pkg-floating-head .pkg-plan-badge{font-size:10px;}
 .pkg-floating-head .pkg-price{display:block;margin:2px 0;}
 .pkg-floating-head .pkg-price strong{font-size:22px;}
 .pkg-floating-head .pkg-purchase-row{gap:2px;margin-top:2px;}
 .pkg-floating-head .pkg-renew{font-size:9px;}
 .pkg-floating-head a.button.buy_btn{display:block;width:100%;height:28px;margin:2px 0 0;font-size:12px;line-height:26px;}
}
