:root{--primary-color: #1A1F2E;--secondary-color: #2A3441;--accent-color: #3498DB;--bg-primary: #E8EAED;--bg-secondary: #F5F5F5;--bg-sidebar: #E0E2E5;--text-primary: #1A1F2E;--text-secondary: #5A6570;--text-light: #9AA0A8;--text-category: #1A1F2E;--border-color: #C8CCD0;--hover-bg: #D8DCE0;--active-color: #3498DB;--vip-color: #E74C3C;--free-color: #27AE60;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .16);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}body.page-mode-home .main-nav,body.page-mode-home .main-container,body.page-mode-app .homepage-shell{display:none!important}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000}.header-left{display:flex;align-items:center;gap:12px}.logo{color:var(--accent-color);display:flex;align-items:center}.platform-title{font-size:20px;font-weight:600;color:var(--text-primary)}.header-center{display:flex;gap:32px;align-items:center}.tool-category{display:flex;align-items:center;gap:8px;padding:8px 16px;cursor:pointer;border-radius:6px;transition:var(--transition);position:relative}.tool-category:hover{background:var(--hover-bg)}.tool-category.active{color:var(--accent-color)}.tool-category.active:after{content:"";position:absolute;bottom:-1px;left:16px;right:16px;height:2px;background:var(--accent-color)}.badge{font-size:11px;padding:2px 6px;border-radius:3px;font-weight:600;text-transform:uppercase}.badge.vip{background:var(--vip-color);color:#fff}.badge.free{background:var(--free-color);color:#fff}.badge.neutral{background:#e5e7eb;color:#374151}.badge.beta{background:#f59e0b;color:#fff}.badge.online{background:#16a34a;color:#fff}.badge.notice{background:#2563eb;color:#fff}.header-right{display:flex;align-items:center;gap:16px}.user-info{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.user-center-btn,.admin-btn{padding:8px 16px;background:transparent;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);color:var(--text-secondary)}.user-center-btn:hover,.admin-btn:hover{background:var(--hover-bg);color:var(--accent-color)}.logout-btn{padding:6px 16px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-size:14px}.logout-btn:hover{background:var(--hover-bg);border-color:var(--accent-color);color:var(--accent-color)}.homepage-shell{padding:30px 24px 40px;background:radial-gradient(circle at top left,rgba(52,152,219,.18),transparent 34%),radial-gradient(circle at 88% 12%,rgba(26,31,46,.08),transparent 28%),linear-gradient(180deg,#f7f8fa,#ebeef2)}.homepage-shell>*{width:min(1320px,100%);margin-left:auto;margin-right:auto}.homepage-announcement-strip,.homepage-highlight-card{background:#ffffffe6;border:1px solid rgba(200,204,208,.9);border-radius:18px;box-shadow:var(--shadow-md)}.homepage-announcement-label,.homepage-highlight-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#3498db1f;color:var(--accent-color);font-size:12px;font-weight:700;letter-spacing:.04em}.homepage-announcement-strip{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:14px;row-gap:10px;margin-bottom:20px;padding:18px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.homepage-announcement-strip p{margin:0;color:var(--text-primary);font-size:15px;line-height:1.65;max-width:100%}.homepage-highlights{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:stretch}.homepage-highlight-card{position:relative;grid-column:span 4;padding:22px;display:flex;flex-direction:column;justify-content:space-between;min-height:238px;overflow:hidden;background:linear-gradient(180deg,#fffffff5,#f5f7faf5)}.homepage-highlight-card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,#3498db57,#3498db00)}.homepage-highlight-main{display:flex;flex:1;flex-direction:column;gap:12px;min-width:0}.homepage-highlight-footer{display:flex;align-items:flex-end;margin-top:20px}.homepage-highlight-card h3{margin:2px 0 0;font-size:24px;line-height:1.16;font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,STSong,serif;letter-spacing:.01em}.homepage-highlight-card p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.72;word-break:break-word;max-width:100%}.homepage-highlight-card [data-home-balance]{max-width:100%}.homepage-highlight-card--featured{order:-1;grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.9fr);grid-template-rows:auto auto;gap:24px 28px;min-height:0;padding:28px;background:linear-gradient(135deg,#142233,#1d3855 54%,#2f628a);border-color:#152f45eb;box-shadow:0 18px 44px #1a1f2e38}.homepage-highlight-card--featured:before{height:100%;width:min(48%,420px);background:radial-gradient(circle at top left,rgba(255,255,255,.18),transparent 72%);opacity:.95}.homepage-highlight-card--featured .homepage-highlight-main{max-width:820px}.homepage-highlight-card--featured .homepage-highlight-tag{background:#ffffff24;color:#e5f2ff}.homepage-highlight-card--featured h3{font-size:40px;line-height:1.08;color:#f7fbff}.homepage-highlight-card--featured p{color:#f4f8fce0;font-size:15px;line-height:1.84}.homepage-highlight-card--featured .homepage-highlight-footer{grid-column:1 / -1;margin-top:0}.homepage-highlight-side{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:18px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #ffffff0f}.homepage-highlight-side-label{font-size:12px;font-weight:700;letter-spacing:.12em;color:#e5f2ffc2}.homepage-highlight-side-list{list-style:none;display:grid;gap:10px;margin:0;padding:0}.homepage-highlight-side-list li{padding:10px 12px;border-radius:12px;background:#ffffff14;color:#f7fbff;font-size:14px;line-height:1.5}.is-home-pretext{display:block}.home-pretext-line{display:block;max-width:100%}.home-card-btn{align-self:flex-start;padding:11px 16px;border-radius:10px;border:1px solid var(--border-color);background:#ffffffeb;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;transition:var(--transition)}.home-card-btn:hover{background:#fff;border-color:var(--accent-color);color:var(--accent-color)}.homepage-highlight-card--featured .home-card-btn{background:#f7fbff;border-color:transparent;color:#17324b;box-shadow:0 10px 18px #08101a29}.homepage-highlight-card--featured .home-card-btn:hover{background:#fff;border-color:transparent;color:#0d2c45;transform:translateY(-1px)}@media (max-width: 1200px){.homepage-highlight-card{grid-column:span 6}.homepage-highlight-card--featured{grid-column:1 / -1;grid-template-columns:1fr}}.main-nav{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0 24px;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-container{display:flex;gap:4px;min-width:max-content}.nav-item{padding:12px 20px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-size:14px;white-space:nowrap;position:relative;border-bottom:2px solid transparent}.nav-item:hover{color:var(--accent-color);background:var(--hover-bg)}.nav-item.active{color:var(--active-color);border-bottom-color:var(--active-color);font-weight:600}.main-container{display:flex;height:calc(100vh - 128px);gap:1px;background:var(--border-color)}.sidebar{width:auto;min-width:0;max-width:none;flex:0 0 auto;background:var(--bg-sidebar);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color)}.sidebar-title{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary)}.search-box svg{flex-shrink:0}.search-box input{flex:1;border:none;outline:none;background:transparent;color:var(--text-primary);font-size:14px}.search-box input::placeholder{color:var(--text-light)}.sidebar-content{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:var(--text-primary)}.sidebar-content *{color:var(--text-primary)!important;text-decoration:none!important}.function-group{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;width:100%}.function-item{display:flex;align-items:flex-start;justify-content:flex-start;gap:10px;padding:10px 12px;margin-bottom:8px;border-radius:12px;cursor:pointer;transition:var(--transition);background:#fff;border:1px solid var(--border-color);width:100%;min-width:0}.function-item:hover{background:var(--hover-bg)}.function-item.active{background:var(--bg-secondary);box-shadow:var(--shadow-sm);color:var(--text-primary)!important}.function-item.function-parent{background:#b8bcc0!important;color:#fff!important;display:inline-flex;width:auto;align-self:flex-start;max-width:100%;padding-right:2px}.function-item svg{flex-shrink:0;width:20px;height:20px}.function-item span{flex:1 1 auto;min-width:0;font-size:14px;white-space:nowrap;word-break:normal;overflow-wrap:normal;overflow:hidden;text-overflow:ellipsis;line-height:1.45;text-align:left;color:var(--text-primary);text-decoration:none}.function-item .arrow{display:none}.function-parent{background:linear-gradient(135deg,#b8bcc0,#c0c4c8)!important;color:#000!important;border:1px solid #A8ACB0!important;font-weight:500}.function-parent:hover{background:linear-gradient(135deg,#a8acb0,#b0b4b8)!important;border-color:#989ca0!important}.function-parent.expanded{background:linear-gradient(135deg,#a0a4a8,#a8acb0)!important;border-color:#3498db!important}.function-parent.expanded:after{color:#000!important}.function-parent span{color:#000!important}.function-parent:after{content:"▼";font-size:10px;margin-left:8px;transition:transform .2s ease;display:inline-block;color:#000!important;flex-shrink:0;align-self:center}.function-parent.expanded:after{transform:rotate(180deg)}.function-item:not(.function-parent) *,.sub-function-item,.sub-function-item *{color:var(--text-primary)!important;text-decoration:none!important}.sub-function-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:8px;margin:8px 0 12px;padding-left:0;border-left:none}.sub-function-item{display:inline-flex;align-items:flex-start;justify-content:flex-start;padding:8px 2px 8px 12px;font-size:13px;color:var(--text-primary);background:#fff;border:1px solid var(--border-color);border-radius:8px;width:auto;align-self:flex-start;min-width:0;max-width:100%;cursor:pointer;transition:var(--transition);white-space:nowrap;word-break:normal;overflow-wrap:normal;overflow:hidden;line-height:1.45;text-align:left}.sub-function-item span{display:block;width:auto;min-width:0;white-space:nowrap;word-break:normal;overflow-wrap:normal;overflow:hidden;text-overflow:ellipsis}.sub-function-item:hover{background:var(--hover-bg)}.sub-function-item.active{background:linear-gradient(135deg,#1e6f5c,#289672);color:#fff!important;font-weight:600;border-color:#1e6f5c}.sidebar .function-item:not(.function-parent),.sidebar .function-item:not(.function-parent) span,.sidebar .sub-function-item:not(.active),.sidebar .sub-function-item:not(.active) span,.function-item:not(.function-parent) *,.sub-function-item:not(.active),.sub-function-item:not(.active) *{color:var(--text-primary)!important;text-decoration:none!important}.sub-function-item.active,.sub-function-item.active *{color:#fff!important}.content-area{flex:1;background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden}.phase-tabs{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.phase-tabs-left{display:flex;gap:8px}.phase-tabs-right{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:auto}.phase-tab{display:flex;align-items:center;gap:6px;padding:12px 24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:var(--transition);color:var(--text-secondary);font-size:14px}.phase-tab:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.phase-tab.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:var(--shadow-md)}.phase-tab svg{width:20px;height:20px}.function-content{flex:1;padding:24px;overflow-y:auto;position:relative}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-light)}.empty-icon{margin-bottom:24px;opacity:.6}.empty-text{font-size:16px;color:var(--text-secondary)}.right-panel{width:412px;background:var(--bg-sidebar);padding:24px 16px;display:flex;flex-direction:column;border-left:1px solid var(--border-color);overflow-y:auto}.panel-icon{color:var(--accent-color);margin-bottom:16px;opacity:.7;align-self:center}.panel-text{font-size:12px;color:var(--text-secondary);text-align:center;line-height:1.6;margin-bottom:24px}.right-panel-results{display:none;width:100%}.right-panel-results.active{display:block}.right-panel-result-section{margin-bottom:24px;background:var(--bg-secondary);border-radius:8px;padding:16px;border:1px solid var(--border-color)}.right-panel-result-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.right-panel-result-title .toggle-icon{transition:transform .3s;color:var(--text-secondary)}.right-panel-result-content{font-size:14px;color:var(--text-secondary);line-height:1.8}.right-panel-result-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color)}.right-panel-result-item:last-child{border-bottom:none}.right-panel-result-label{color:var(--text-secondary)}.right-panel-result-value{color:var(--text-primary);font-weight:500}.code-comparison-item{padding:8px 0;border-bottom:1px solid var(--border-color)}.code-comparison-item:last-child{border-bottom:none}.comparison-label{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.comparison-value{font-size:13px;font-weight:500}.comparison-value.pass{color:#27ae60}.comparison-value.fail{color:#e74c3c}.suggestion-item{padding:12px;margin-bottom:12px;border-radius:6px;font-size:13px;line-height:1.6}.suggestion-item.warning{background:#fff3cd;border-left:3px solid #FFC107;color:#856404}.suggestion-item.info{background:#d1ecf1;border-left:3px solid #17A2B8;color:#0c5460}.suggestion-item.success{background:#d4edda;border-left:3px solid #28A745;color:#155724}.function-panel{display:none}.function-panel.active{display:block;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.function-form{max-width:100%;margin:0;padding:0 8px}.form-section,.form-group{margin-bottom:24px}.form-row{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px;padding:0 8px}.form-row .form-group{margin-bottom:0}.form-input,.form-select{width:100%;box-sizing:border-box}@media (min-width: 1920px){.form-row{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1600px) and (max-width: 1919px){.form-row{grid-template-columns:repeat(5,1fr)}}@media (min-width: 1200px) and (max-width: 1599px){.form-row{grid-template-columns:repeat(4,1fr)}}@media (min-width: 768px) and (max-width: 1199px){.form-row{grid-template-columns:repeat(3,1fr)}}@media (max-width: 767px){.form-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.form-row{grid-template-columns:1fr}}.form-label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary);font-size:14px}.form-input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;transition:var(--transition);background:var(--bg-secondary);color:var(--text-primary)}.form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3498db1a}.form-select{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:var(--transition)}.form-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3498db1a}.btn{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--accent-color);color:#fff}.btn-primary:hover{background:#2980b9;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.result-panel{margin-top:32px;padding:24px;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color)}.result-title{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.result-content{font-size:16px;color:var(--text-secondary);line-height:1.8}.version-switch{display:flex;gap:12px}.version-btn{padding:8px 16px;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-size:14px;font-weight:500}.version-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.version-btn.active{background:#ff6b35;border-color:#ff6b35;color:#fff}.action-buttons{display:flex;gap:12px;margin-top:24px;margin-bottom:24px}.btn-calculate{background:#e74c3c;color:#fff}.btn-calculate:hover{background:#c0392b}.btn-export,.btn-reset{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-export:hover,.btn-reset:hover{background:var(--hover-bg);border-color:var(--accent-color);color:var(--accent-color)}.detail-panel{margin-top:24px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.detail-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-primary);cursor:pointer;transition:var(--transition)}.detail-panel-header:hover{background:var(--hover-bg)}.detail-panel-title{font-size:14px;font-weight:500;color:var(--text-primary)}.detail-panel-toggle{font-size:12px;color:var(--accent-color);cursor:pointer;padding:4px 8px;border-radius:4px;transition:var(--transition)}.detail-panel-toggle:hover{background:var(--hover-bg)}.detail-panel-content{padding:16px;background:var(--bg-secondary);display:none;font-size:13px;color:var(--text-secondary);line-height:1.8;max-height:600px;overflow-y:auto;overflow-x:visible}.detail-panel-content.active{display:block}.detail-panel-content pre{background:var(--bg-primary);padding:12px;border-radius:6px;overflow-x:auto;margin:8px 0;font-size:12px;line-height:1.6}.code-standard{margin-bottom:24px;background:var(--bg-primary);border-radius:8px;padding:16px}.code-standard:last-child{margin-bottom:0}.code-standard-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.code-standard-number{font-size:12px;color:var(--text-secondary);margin-bottom:12px}.code-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.code-tab{padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.code-tab:hover{border-color:var(--accent-color);color:var(--accent-color)}.code-tab.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.code-article-content{display:block}.article-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.article-regulations{margin-bottom:16px}.regulation-item{display:flex;gap:12px;margin-bottom:12px;padding:12px;background:var(--bg-secondary);border-radius:6px}.regulation-number{font-size:14px;font-weight:600;color:var(--accent-color);min-width:20px}.regulation-content{flex:1}.regulation-title{font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.regulation-text{font-size:12px;color:var(--text-secondary);line-height:1.6}.code-table{margin-top:16px}.table-title{font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.regulation-table{width:100%;border-collapse:collapse;font-size:12px;background:var(--bg-secondary);border-radius:6px;overflow:hidden}.regulation-table thead{background:var(--bg-primary)}.regulation-table th{padding:10px 12px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color)}.regulation-table td{padding:10px 12px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.regulation-table tbody tr:last-child td{border-bottom:none}.regulation-table tbody tr:hover{background:var(--hover-bg)}@media (max-width: 1200px){.right-panel{width:320px}.form-row{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.header{flex-wrap:wrap;height:auto;padding:12px 16px}.header-center{order:3;width:100%;justify-content:center;margin-top:8px}.main-nav{padding:0 16px}.main-container{flex-direction:column;height:auto;min-height:calc(100vh - 200px)}.sidebar{width:100%;max-height:300px}.phase-tabs{flex-wrap:wrap;padding:16px}.phase-tab{flex:1;min-width:120px;justify-content:center}.function-content{padding:16px}.right-panel{width:100%;border-left:none;border-top:1px solid var(--border-color);max-height:360px}.action-buttons,.version-switch{flex-wrap:wrap}}@media (max-width: 480px){.platform-title{font-size:16px}.tool-category{padding:6px 12px;font-size:13px}.nav-item,.phase-tab{padding:10px 16px;font-size:13px}.phase-tab span{display:none}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.code-comparison-item{padding:12px;margin:8px 0;background:var(--bg-secondary);border-radius:6px;border-left:3px solid var(--border-color);transition:var(--transition)}.code-comparison-item:hover{background:var(--hover-bg);transform:translate(2px)}.comparison-label{font-size:13px;color:var(--text-secondary);margin-bottom:4px;font-weight:500}.comparison-value{font-size:15px;font-weight:500;display:flex;align-items:center;gap:8px}.comparison-value.pass{color:var(--free-color);border-left-color:var(--free-color)}.comparison-value.fail{color:var(--vip-color);border-left-color:var(--vip-color)}.code-comparison-item .comparison-value.pass{border-left-color:var(--free-color)}.code-comparison-item .comparison-value.fail{border-left-color:var(--vip-color)}.comparison-source{font-size:11px;color:var(--text-light);margin-top:4px;font-style:italic}.suggestion-item{padding:12px 16px;margin:8px 0;border-radius:6px;border-left:4px solid;font-size:14px;line-height:1.6}.suggestion-item.success{background:#e8f5e9;border-left-color:var(--free-color);color:#2e7d32}.suggestion-item.info{background:#e3f2fd;border-left-color:var(--accent-color);color:#1565c0}.suggestion-item.warning{background:#fff3e0;border-left-color:#ff9800;color:#e65100}.suggestion-item strong{font-weight:600;margin-right:4px}.param-hint{font-size:11px;line-height:1.55;color:var(--text-secondary);margin-top:4px;padding:4px 8px;background:var(--bg-tertiary);border-radius:4px;display:inline-block}.param-spec-meta,.param-regulation-hint{font-size:11px;line-height:1.55}.code-article-list{list-style:none;padding:0;margin:10px 0}.code-article-list li{padding:10px 14px;margin:6px 0;background:var(--bg-secondary);border-left:3px solid var(--accent-color);border-radius:4px;font-size:14px;line-height:1.7;transition:var(--transition)}.code-article-list li:hover{background:var(--hover-bg);transform:translate(2px);box-shadow:var(--shadow-sm)}.code-article-list li span{color:var(--accent-color);font-weight:500;margin-right:8px}.calculation-section{margin-bottom:24px}.calculation-section:last-child{margin-bottom:0}.section-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--border-color)}.calculation-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;grid-auto-flow:dense}.calculation-item{padding:15px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);display:flex;flex-direction:column;gap:8px;min-height:auto;height:fit-content;word-wrap:break-word;overflow-wrap:break-word}.calculation-item.highlight{background:#3498db0d;border:2px solid var(--accent-color)}.calc-label{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.4;word-wrap:break-word}.calc-formula{font-size:13px;color:var(--text-secondary);font-family:Courier New,monospace;line-height:1.8;word-wrap:break-word;white-space:normal}.calc-result{color:#e74c3c;font-weight:600;font-size:13px}.right-panel-result-section{margin-bottom:16px}.right-panel-result-title{cursor:pointer;padding:12px 16px;background:var(--bg-secondary);border-radius:6px;display:flex;justify-content:space-between;align-items:center;font-weight:500;transition:var(--transition)}.right-panel-result-title:hover{background:var(--hover-bg)}.right-panel-result-title.collapsed+.right-panel-result-content{display:none}.right-panel-result-content{padding:12px 0}.right-panel-result-item{display:flex;justify-content:space-between;padding:8px 16px;margin:4px 0;background:var(--bg-secondary);border-radius:4px}.right-panel-result-label{color:var(--text-secondary);font-size:13px}.right-panel-result-value{color:var(--text-primary);font-weight:500;font-size:14px}.toggle-icon{transition:transform .3s ease}.right-panel-result-title.collapsed .toggle-icon{transform:rotate(-90deg)}.suggestion-item{margin-bottom:12px;padding:12px;background:var(--bg-secondary);border-radius:6px;transition:var(--transition)}.suggestion-item:hover{background:var(--hover-bg)}.suggestion-item:last-child{margin-bottom:0}.suggestion-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.suggestion-icon{font-size:18px;line-height:1}.suggestion-title{font-weight:600;font-size:14px;color:var(--text-primary)}.suggestion-content{font-size:13px;color:var(--text-secondary);line-height:1.6;padding-left:26px}.suggestion-item.success{background:#e8f5e9;border-left-color:#2e7d32}.suggestion-item.success .suggestion-icon{color:#2e7d32}.suggestion-item.info{background:#e3f2fd;border-left-color:#1565c0}.suggestion-item.info .suggestion-icon{color:#1565c0}.suggestion-item.warning{background:#fff3e0;border-left-color:#ff9800}.suggestion-item.warning .suggestion-icon{color:#e65100}.suggestion-item.error{background:#ffebee;border-left-color:#c62828}.suggestion-item.error .suggestion-icon{color:#c62828}.code-article-item:hover{transform:translate(4px);box-shadow:0 2px 8px #0000001a;border-color:var(--accent-color)}.version-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.version-btn.active{background:var(--accent-color)!important;color:#fff!important;border-color:var(--accent-color)!important}.code-standard-info{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.code-articles-container{animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.standard-tabs{display:flex;gap:0;border-bottom:2px solid var(--border-color);margin-bottom:16px}.standard-tab{padding:10px 20px;cursor:pointer;font-size:13px;font-weight:500;background:transparent;color:var(--text-secondary);border-radius:4px 4px 0 0;transition:all .3s;position:relative;top:2px;border:1px solid transparent}.standard-tab:hover{background:var(--hover-bg);color:var(--text-primary)}.standard-tab.active{background:var(--accent-color)!important;color:#fff!important;border-color:var(--accent-color)}.calculation-item.highlight{background:#fff3e0!important;border-color:#ff9800!important}.calculation-item.highlight .calc-result{color:#ff9800}.code-article-item{transition:all .3s ease}.code-article-item:hover{transform:translate(4px);box-shadow:0 2px 8px #00000014;border-left-color:var(--accent-color)!important}.calc-formula{font-size:13px;color:var(--text-primary);font-family:Courier New,monospace;line-height:1.6}.calc-result{color:var(--accent-color);font-weight:600;font-size:14px}.code-standard-header{padding:16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.feature-cards-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px}.feature-cards-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.feature-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.feature-card.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:default}.feature-card.active:hover{transform:none}.feature-card-icon{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#667eea1a;border-radius:12px;color:var(--accent-color)}.feature-card.active .feature-card-icon{background:#fff3;color:#fff}.feature-card-content{flex:1;position:relative}.feature-card-title{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.feature-card.active .feature-card-title{color:#fff}.feature-card-desc{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5}.feature-card.active .feature-card-desc{color:#ffffffe6}.feature-card-badge{position:absolute;top:0;right:0;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px}.feature-card-badge.vip{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.feature-card-badge.free{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.feature-card-badge.premium{background:linear-gradient(135deg,#ffd89b,#19547b);color:#fff}.feature-card.active .feature-card-badge{background:#ffffff4d;color:#fff}@media (max-width: 768px){.feature-cards-section{padding:24px 16px}.feature-cards-container{grid-template-columns:1fr;gap:16px}.feature-card{padding:20px}.feature-card-icon{width:56px;height:56px}.feature-card-icon svg{width:40px;height:40px}.feature-card-title{font-size:16px}.feature-card-desc{font-size:13px}.homepage-shell{padding:16px}.homepage-highlights{grid-template-columns:1fr}.homepage-announcement-strip,.homepage-highlight-card{padding:20px}.homepage-announcement-strip{align-items:flex-start;grid-template-columns:1fr}.homepage-highlight-card{grid-column:1 / -1;min-height:0}.homepage-highlight-card h3{font-size:22px}.homepage-highlight-card--featured{gap:18px;padding:22px 20px}.homepage-highlight-card--featured h3{font-size:28px}.homepage-highlight-side{padding:16px}.home-card-btn{width:100%}}