*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;overflow-x:hidden}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:#f7f8fa;color:#333;line-height:1.5;-webkit-font-smoothing:antialiased;padding-top:68px}
a{color:inherit;text-decoration:none}
ul{list-style:none}
img{max-width:100%;height:auto;display:block}
.container{max-width:1280px;margin:0 auto;padding:0 24px;width:100%}

/* Header */
.header{background:#fff;padding:0;border-bottom:1px solid #eee;position:fixed;top:0;left:0;right:0;width:100%;z-index:999;box-shadow:0 2px 10px rgba(0,0,0,.03);height:68px}
.header-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:0 24px;height:100%}
.logo-box{display:flex;align-items:center;cursor:pointer;min-width:0;flex:0 1 auto}
.logo-box img{height:42px;margin-right:10px;flex-shrink:0}
.logo-text{min-width:0;overflow:hidden}
.logo-text h1{font-size:22px;color:#1f2d3d;line-height:1.2;font-weight:600;white-space:nowrap;margin:0}
.logo-text h1 .logo-trademark{font-size:12px;vertical-align:super}
.logo-text p{font-size:13px;color:#888;margin:3px 0 0 0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-contact{display:flex;flex-direction:column;align-items:flex-end;gap:1px;white-space:nowrap;flex:0 0 auto}
.header-contact .hc-label{font-size:13px;color:#666;line-height:1.2;margin:0}
.header-contact .header-tel{color:#1f2d3d;font-size:22px;font-weight:700;font-family:Arial,sans-serif;line-height:1.2;margin:0;text-decoration:none}

/* Hero & Trust */
.slogan-area{text-align:center;padding:28px 0 14px}
.slogan-text{display:inline-block;font-size:24px;font-weight:700;color:#1f2d3d;line-height:1.5;max-width:100%}
.slogan-text .st-line{display:inline}
.slogan-text .st-line+.st-line{margin-left:6px}
.slogan-text .st-key{color:#ff5000;padding:0 2px}
.trust-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;padding:12px 16px;margin:0 auto 22px;background:#fff;border:1px solid #eef0f4;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.02)}
.trust-item{display:inline-flex;align-items:center;font-size:13px;color:#43536a;font-weight:500;line-height:1.4}
.trust-item i{font-style:normal;margin-right:6px;font-size:14px}

/* Action Bar & Tabs */
.action-bar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}
.tab-nav{display:flex;gap:28px;align-items:center}
.tab-item{font-size:17px;color:#666;cursor:pointer;padding-bottom:10px;position:relative;white-space:nowrap}
.tab-item.active{color:#1f2d3d;font-weight:600}
.tab-item.active::after{content:'';position:absolute;bottom:-11px;left:0;width:100%;height:3px;background:#ff5000;border-radius:2px}
.action-right{display:flex;align-items:center;gap:14px;flex-shrink:0}
.tips-text{font-size:13px;color:#777}
.link-text{color:#ff5000;cursor:pointer;font-weight:500;text-decoration:underline}
.btn-knowledge{background:#1f2d3d;border:1px solid #1f2d3d;color:#fff;padding:6px 16px;border-radius:6px;font-size:13px;cursor:pointer;white-space:nowrap;transition:background .2s}
.btn-knowledge:hover{background:#0f2d3e}
.btn-refresh{background:#ff5000;color:#fff;border:none;padding:7px 20px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}
.btn-refresh:hover{background:#e54600}

/* Number Grid & Card (平铺电商风) */
.number-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:118px;gap:16px;width:100%}
.num-card{background:#fff;border:1px solid #eef0f4;border-radius:10px;padding:18px 12px 12px;display:flex;flex-direction:column;justify-content:center;position:relative;height:100%;box-shadow:0 1px 2px rgba(0,0,0,.02);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
@media(hover:hover) and (pointer:fine){.num-card:hover{transform:translateY(-3px);border-color:#ffd6c2;box-shadow:0 10px 24px rgba(255,80,0,.08)}}
.num-card:active{transform:scale(.98);background:#fffaf7}
.num-status{position:absolute;top:8px;right:8px;font-size:10px;font-weight:600;padding:2px 7px;border-radius:8px;line-height:1.4}
.num-status.status-available{color:#16a34a;background:#eafaf0}
.num-status.status-available::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#16a34a;margin-right:4px;vertical-align:middle}
.num-status.status-hot{color:#ea580c;background:#fff4e6}
.num-status.status-hot::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#ea580c;margin-right:4px;vertical-align:middle}
.num-title{font-size:22px;color:#1f2d3d;text-align:center;letter-spacing:.5px;font-family:"DIN Alternate","Helvetica Neue",Arial,sans-serif;white-space:nowrap;line-height:1.2;margin-bottom:10px;pointer-events:none;overflow:hidden;text-overflow:ellipsis}
.num-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #eef0f4;padding:8px 4px 0;pointer-events:none;gap:4px}
.num-bottom .btn-detail{pointer-events:auto}
.price{font-size:12px;color:#8a929c;white-space:nowrap}
.price em{font-style:normal;color:#ff5000;font-size:16px;font-weight:600;margin-right:2px;font-family:Arial,sans-serif}
.btn-detail{background:#f5f6f8;color:#6b7280;border:none;padding:5px 12px;border-radius:14px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s}
.btn-detail:hover{background:#e5e7eb}

/* Error & Bottom Btn */
.config-error{padding:12px;margin-bottom:16px;color:#b42318;background:#fff0ed;border-radius:6px}
.action-box-bottom{margin:36px auto 46px;text-align:center}
.btn-outline{background:#fff;color:#ff5000;border:1.5px solid #ff5000;padding:12px 50px;border-radius:30px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}
.btn-outline:hover{background:#fff4e6}

/* Section Titles */
.section-title{font-size:22px;color:#1f2d3d;text-align:center;font-weight:600;margin:0 auto 24px;letter-spacing:.5px;position:relative;padding-bottom:12px}
.section-title::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:40px;height:3px;background:#ff5000;border-radius:2px}

/* Why & Case & Price */
.why-section{margin:30px auto 50px}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.why-card{background:#fff;border:1px solid #eef0f4;border-radius:10px;padding:22px 20px;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.02)}
.why-icon{width:44px;height:44px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,#ff8a4d,#ff5000);color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(255,80,0,.20)}
.why-card h3{font-size:15px;color:#1f2d3d;font-weight:600;margin-bottom:8px}
.why-card p{font-size:13px;color:#777;line-height:1.7}
.case-section{margin:30px auto 50px}
.case-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.case-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #eef0f4;border-radius:8px;padding:14px 18px;font-size:13px;flex-wrap:wrap;box-shadow:0 1px 2px rgba(0,0,0,.02)}
.case-co{color:#333;font-weight:500;flex:1 1 40%;word-break:break-word}
.case-num{color:#ff5000;font-weight:700;font-family:"DIN Alternate",Arial,sans-serif;flex:0 0 auto}
.case-time{color:#16a34a;font-size:12px;font-weight:500;flex:0 0 auto}
.case-tip{font-size:12px;color:#999;text-align:center;margin-top:12px}
.price-section{margin:30px auto 50px}
.promo-banner{background:linear-gradient(135deg,#fff4e6,#ffe4cc);border:1px solid #ffd6c2;border-radius:12px;padding:14px 20px;text-align:center;color:#e54600;font-size:16px;font-weight:700;letter-spacing:.5px;margin:0 0 16px;box-shadow:0 4px 12px rgba(255,80,0,.08);line-height:1.5}
.promo-banner::before{content:'🎁 ';font-size:18px}
.promo-strip{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fff4e6,#ffe4cc);border:1px solid #ffd6c2;border-radius:10px;padding:12px 16px;font-size:13px;color:#e54600;line-height:1.5;margin-bottom:16px}
.promo-strip .promo-icon{font-size:20px;flex-shrink:0}
.promo-strip strong{color:#e54600;font-weight:700}
.promo-strip em{font-style:normal;color:#ff5000;font-weight:700;font-size:15px}
.price-table-wrap{background:#fff;border:1px solid #eef0f4;border-radius:10px;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.price-table{width:100%;min-width:720px;border-collapse:collapse;font-size:13px}
.price-table th{background:#fafbfc;color:#43536a;font-weight:600;padding:12px 10px;text-align:center;border-bottom:1px solid #eef0f4;white-space:nowrap}
.price-table td{padding:11px 10px;text-align:center;color:#333;border-bottom:1px solid #f4f4f4;white-space:nowrap}
.price-table tr:last-child td{border-bottom:none}
.price-table .pt-name{color:#1f2d3d;font-weight:600;text-align:left;padding-left:18px}
.price-table .pt-rate{color:#ff5000;font-weight:600}
.price-tip{font-size:12px;color:#999;line-height:1.7;margin-top:12px;text-align:center}
.instruction-section{margin-bottom:60px}
.instruction-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.inst-card{background:#fff;border-radius:10px;padding:28px 26px;box-shadow:0 1px 2px rgba(0,0,0,.02);border:1px solid #eef0f4}
.inst-card h3{font-size:17px;color:#1f2d3d;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f4f4f4;font-weight:600}
.inst-card h4{font-size:14px;color:#333;margin-bottom:14px;line-height:1.8;font-weight:600}
.inst-card p{font-size:13px;color:#777;line-height:1.9}

/* Inner Pages */
.inner-page .slogan-area,.inner-page .trust-bar,.inner-page .action-bar,.inner-page .number-grid,.inner-page .action-box-bottom,.inner-page .why-section,.inner-page .case-section,.inner-page .price-section,.inner-page .instruction-section,.inner-page .fuhao-panel{display:none}
.inner-hero{background:linear-gradient(135deg,#1f2d3d 0%,#0f2d3e 60%,#ff5000 200%);padding:60px 24px;text-align:center;color:#fff;margin-bottom:36px;position:relative;overflow:hidden;border-radius:0 0 24px 24px}
.inner-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,80,0,.35),transparent 70%);border-radius:50%}
.inner-hero h1{font-size:36px;font-weight:700;margin-bottom:14px;position:relative;z-index:1;letter-spacing:1px}
.inner-hero p{font-size:16px;color:rgba(255,255,255,.85);line-height:1.7;position:relative;z-index:1;max-width:720px;margin:0 auto}
.main{padding:0 0 36px;width:100%}
.content-box{background:#fff;border-radius:10px;border:1px solid #eef0f4;padding:38px 44px;box-shadow:0 1px 2px rgba(0,0,0,.02);width:100%;max-width:100%;margin:0 auto 20px}
.content-box h2{font-size:24px;margin-bottom:20px;color:#222;font-weight:600;border-bottom:1px solid #f0f0f0;padding-bottom:15px}
.content-box h3{font-size:17px;margin:25px 0 10px;color:#222;border-left:4px solid #ff5000;padding-left:10px;font-weight:600}
.content-box p{font-size:15px;color:#555;margin-bottom:12px;line-height:1.8}
.content-box ul{list-style:none;padding-left:0}
.content-box ul li{font-size:15px;color:#555;margin-bottom:8px;padding-left:20px;position:relative;line-height:1.8}
.content-box ul li::before{content:"✓";color:#ff5000;font-weight:bold;position:absolute;left:0}
.brand-story{background:linear-gradient(135deg,#fff8f5,#fff);border:1px solid #ffd6c2;border-radius:16px;padding:38px 32px 28px;margin:24px auto;position:relative;box-shadow:0 8px 24px rgba(255,80,0,.06)}
.brand-story-icon{position:absolute;top:-24px;left:32px;width:56px;height:56px;background:linear-gradient(135deg,#ff8a4d,#ff5000);color:#fff;border-radius:14px;font-size:26px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(255,80,0,.25)}
.brand-story h2{font-size:22px;color:#1f2d3d;margin:16px 0 14px;font-weight:700}
.brand-story p{font-size:15px;color:#555;line-height:1.9;margin-bottom:10px}
.brand-story strong{color:#ff5000}
.brand-story .bs-quote{margin-top:16px;padding:14px 18px;background:rgba(255,80,0,.06);border-left:4px solid #ff5000;border-radius:6px;font-size:14px;color:#e54600;font-weight:500;line-height:1.7}
.brand-values{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px auto}
.brand-values.cols-4{grid-template-columns:repeat(4,1fr)}
.bv-item{background:#fff;border:1px solid #eef0f4;border-radius:12px;padding:24px 20px;text-align:center;transition:transform .25s,box-shadow .25s,border-color .25s}
.bv-item:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(255,80,0,.08);border-color:#ffd6c2}
.bv-icon{width:52px;height:52px;margin:0 auto 14px;background:linear-gradient(135deg,#ff8a4d,#ff5000);color:#fff;border-radius:14px;font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(255,80,0,.20)}
.bv-item h3{font-size:16px;color:#1f2d3d;font-weight:600;margin-bottom:8px}
.bv-item p{font-size:13px;color:#777;line-height:1.7}
.inner-cta{background:linear-gradient(135deg,#1f2d3d,#0f2d3e);border-radius:20px;padding:42px 32px;margin:36px auto 20px;text-align:center;color:#fff;box-shadow:0 12px 32px rgba(15,45,62,.25);position:relative;overflow:hidden}
.inner-cta::before{content:'';position:absolute;top:-40%;right:-20%;width:300px;height:300px;background:rgba(255,255,255,.10);border-radius:50%}
.inner-cta::after{content:'';position:absolute;bottom:-40%;left:-20%;width:260px;height:260px;background:rgba(255,255,255,.06);border-radius:50%}
.inner-cta h2{font-size:26px;font-weight:700;margin-bottom:12px;position:relative;z-index:1;letter-spacing:1px;color:#fff}
.inner-cta p{font-size:15px;color:rgba(255,255,255,.92);margin-bottom:24px;position:relative;z-index:1;line-height:1.6}
.inner-cta-btn{display:inline-block;background:#ff5000;color:#fff;padding:15px 52px;border-radius:30px;font-size:16px;font-weight:700;text-decoration:none;box-shadow:0 6px 18px rgba(255,80,0,.38);position:relative;z-index:1;transition:transform .2s,box-shadow .2s;white-space:nowrap}
.inner-cta-btn:hover{transform:translateY(-2px);background:#e54600;box-shadow:0 8px 22px rgba(255,80,0,.45)}
.about-company{background:#fff;border:1px solid #eef0f4;border-radius:10px;padding:26px 30px;max-width:100%;margin:0 auto 20px;box-shadow:0 1px 2px rgba(0,0,0,.02);width:100%}
.about-company-title{font-size:18px;color:#222;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0;font-weight:600}
.about-company-list li{display:flex;align-items:flex-start;padding:10px 0;border-bottom:1px dashed #eee;font-size:14px;line-height:1.8}
.about-company-list li:last-child{border-bottom:none}
.about-company-label{flex:0 0 90px;color:#888;text-align:right;margin-right:20px}
.about-company-value{flex:1;color:#333;word-break:break-word;min-width:0}
.about-company-value a{color:#ff5000;font-weight:500}
.contact-page{padding:0 0 24px;width:100%}
.contact-hotline{max-width:100%;margin:0 auto 24px;width:100%}
.contact-hotline-inner{background:linear-gradient(135deg,#fff6f1 0%,#ffffff 70%);border:1px solid #ffd9c7;border-radius:10px;padding:30px 24px;text-align:center;box-shadow:0 4px 16px rgba(255,80,0,.06)}
.contact-hotline-label{font-size:14px;color:#888;letter-spacing:2px;margin-bottom:8px}
.contact-hotline-number{display:block;font-size:40px;font-weight:700;color:#ff5000;line-height:1.2;letter-spacing:1px;font-family:Arial,sans-serif;text-decoration:none;word-break:break-all}
.contact-hotline-sub{font-size:14px;color:#666;margin-top:10px;line-height:1.6}
.contact-hotline-btn{display:inline-block;margin-top:18px;padding:10px 42px;background:#ff5000;color:#fff;font-size:15px;font-weight:700;border-radius:30px;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px rgba(255,80,0,.28)}
.contact-hotline-btn:hover{transform:translateY(-1px);background:#e54600;box-shadow:0 6px 16px rgba(255,80,0,.35)}
.contact-info-grid{max-width:100%;margin:0 auto 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.contact-info-card{background:#fff;border:1px solid #eef0f4;border-radius:10px;padding:20px;box-shadow:0 1px 2px rgba(0,0,0,.02)}
.contact-info-card h3{font-size:15px;color:#222;font-weight:600;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #f4f4f4}
.contact-info-card p{font-size:14px;color:#555;line-height:1.8;word-break:break-word}
.contact-info-card a{color:#ff5000;font-weight:600}
.faq-item{margin-bottom:25px;border-bottom:1px solid #f0f0f0;padding-bottom:20px}
.faq-item h3{font-size:17px;color:#222;margin-bottom:8px;border-left:none;padding-left:0}
.faq-item p{font-size:15px;color:#555}
.icp-card{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;padding:30px;margin-bottom:24px}
.icp-item{display:flex;padding:12px 0;border-bottom:1px dashed #e8e8e8;font-size:15px}
.icp-item:last-child{border-bottom:none}
.icp-label{width:130px;color:#888;flex-shrink:0}
.icp-value{color:#333;font-weight:500}
.icp-value.highlight{color:#ff5000;font-weight:600;font-family:"DIN Alternate",Arial,sans-serif;letter-spacing:.5px}
.tip-box{margin-top:24px;padding:20px;background:#fff8f5;border-left:4px solid #ff5000;border-radius:4px;font-size:14px;color:#666;line-height:1.8}
.tip-box strong{color:#ff5000}

/* Footer */
.footer{background:#fff;padding:50px 0 30px;border-top:1px solid #eee;margin-top:40px}
.footer-logo-box{display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.footer-logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#ff8a4d,#ff5000);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:bold;margin-right:14px;font-family:"PingFang SC","Microsoft YaHei",sans-serif;box-shadow:0 4px 12px rgba(255,80,0,.25)}
.footer-logo-text{display:flex;align-items:baseline}
.f-logo-name{font-size:28px;font-weight:700;color:#ff5000;margin-right:10px;letter-spacing:1px}
.f-logo-name sup{font-size:14px}
.f-logo-domain{font-size:18px;color:#888;letter-spacing:1px}
.footer-nav{display:flex;justify-content:center;gap:40px;padding:18px 0;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;margin-bottom:30px;text-align:center}
.footer-nav a{font-size:15px;color:#666;text-decoration:none;transition:color .2s;margin:0;display:inline-block}
.footer-nav a:hover{color:#ff5000}
.footer-info{display:flex;justify-content:space-between;align-items:flex-end;font-size:13px;color:#555;line-height:1.8;gap:20px}
.footer-text{flex:1;min-width:0;text-align:left}
.footer-text p{margin:0 0 4px 0;word-break:break-word;overflow-wrap:anywhere;color:#555}
.footer-text a{color:#555;text-decoration:none}
.footer-text a:hover{color:#ff5000}
.footer-img{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end}
.footer-img img{max-height:46px;margin-bottom:8px}
.footer-img p{font-size:12px;color:#999;margin:0}

/* Modals */
.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10000;display:none;justify-content:center;align-items:center;padding:16px}
.modal-overlay.show{display:flex}
.modal-content{background:#fff;width:600px;max-width:100%;border-radius:10px;padding:30px;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.1);max-height:90vh;overflow-y:auto}
.modal-close{position:absolute;top:15px;right:20px;font-size:26px;color:#ccc;cursor:pointer;line-height:1;z-index:99}
.modal-title{font-size:22px;color:#1f2d3d;margin-bottom:24px;font-weight:600;text-align:center}
.knowledge-content{font-size:14px;color:#555;line-height:1.8}
.knowledge-content h4{font-size:15px;color:#333;margin:16px 0 6px;font-weight:600}
.knowledge-content h4:first-child{margin-top:0}
.knowledge-content a{color:#ff5000;font-weight:600;text-decoration:underline}
.btn-knowledge-close{display:block;width:120px;margin:30px auto 0;background:#ff5000;color:#fff;border:none;padding:10px 0;border-radius:6px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px rgba(255,80,0,.25)}
.btn-knowledge-close:hover{background:#e54600}
#detailModal .modal-title{display:none!important}
#detailModal .modal-content{padding-top:20px}
.info-row{display:flex;margin-bottom:20px;align-items:flex-start;font-size:14px}
.info-label{width:90px;color:#333;text-align:right;margin-right:20px;flex-shrink:0;font-weight:600;padding-top:3px}
.info-value{flex:1;color:#444;min-width:0}
.highlight-num{color:#ff5000;font-size:24px;font-weight:700;margin-right:10px;font-family:Arial,sans-serif;word-break:break-all}
.copy-link{color:#888;font-size:13px;cursor:pointer;text-decoration:underline}
.feature-list{color:#555;line-height:1.8}
.addon-list{color:#ff5000;line-height:1.8}
.package-years{display:flex;flex-wrap:wrap;gap:8px}
.year-btn{padding:6px 12px;background:#f5f5f5;color:#333;border-radius:6px;cursor:pointer;font-size:14px;border:1px solid transparent}
.year-btn.active{background:#1f2d3d;color:#fff}
.custom-year{margin-top:12px}
.custom-year input{width:80px;padding:6px;border:1px solid #ddd;border-radius:4px}
.function-link{color:#ff5000;background:none;border:none;cursor:pointer;font:inherit;padding:0;margin-left:4px}
.modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px;padding-top:20px;border-top:1px dashed #eee}
.modal-actions .btn-primary{flex:1 1 100%}
.modal-actions .btn-secondary,.modal-actions .btn-phone{flex:1 1 calc(50% - 5px)}
.btn-primary{background:#ff5000;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px rgba(255,80,0,.25)}
.btn-primary:hover{background:#e54600}
.btn-secondary{background:#fff;color:#ff5000;border:1px solid #ffd6c2;padding:10px 14px;border-radius:6px;font-size:14px;cursor:pointer}
.btn-secondary:hover{background:#fff4e6}
.btn-phone{background:#f7f8fa;color:#333;border:1px solid #d8dee6;padding:10px 14px;border-radius:6px;font-size:14px;cursor:pointer}
.btn-phone-block{display:block;width:100%;padding:12px 0;background:#fff;color:#333;border:1px solid #d8dee6;border-radius:6px;font-size:15px;cursor:pointer;margin-top:10px}
.contact-box{text-align:center;padding:10px 0 20px}
.contact-box p{font-size:15px;color:#666;margin-bottom:15px}
.contact-box .contact-tip{font-size:12px;color:#999;margin:14px 0 0}
.wechat-num{font-size:28px;font-weight:bold;color:#ff5000;font-family:Arial,sans-serif;margin-bottom:25px;letter-spacing:1px}
.contact-dialog{width:420px}
#functionModal{z-index:10001}
.function-dialog{width:600px;border-radius:20px;padding:25px 25px 50px;color:#444}
.function-dialog h2{font-size:18px;margin:0}
.function-content{margin-top:20px;max-height:60vh;overflow-y:auto;font-size:15px;line-height:1.6}
.function-content .title2{margin:20px 0 5px;font-weight:700;font-size:16px}
.function-footer{text-align:center;margin-top:20px}
.function-footer button{width:120px;line-height:40px;padding:0;border:0;color:#fff;background:#ff5000;border-radius:6px;cursor:pointer;font-size:15px;font-weight:700}
.function-footer button:hover{background:#e54600}
.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);color:#fff;padding:12px 24px;border-radius:4px;font-size:14px;z-index:10002;display:none}
.copy-dialog{width:420px;padding:32px 26px 22px;text-align:center}
.copy-success-icon{width:54px;height:54px;margin:0 auto 14px;border-radius:50%;background:linear-gradient(135deg,#ff8a4d,#ff5000);color:#fff;font-size:28px;line-height:54px;font-weight:700;box-shadow:0 4px 12px rgba(255,80,0,.25)}
.copied-number{display:inline-block;margin:2px 0 10px;padding:8px 20px;font-size:26px;font-weight:700;letter-spacing:1px;color:#ff5000;font-family:"DIN Alternate","Helvetica Neue",Arial,sans-serif;background:#fff4e6;border:1px dashed #ffd6c2;border-radius:8px;max-width:100%;word-break:break-all}
.copy-blessing{font-size:14px;color:#c8102e;font-weight:600;margin:0 0 12px;padding:6px 12px;background:#fff5f5;border-radius:6px;display:inline-block}
.copy-tip{font-size:13px;color:#777;line-height:1.8;margin-bottom:18px}
.copy-actions{display:flex;flex-direction:column;gap:10px}
.copy-actions .btn-primary{width:100%;padding:13px 0;font-size:15px}
.copy-actions .btn-phone-block{width:100%;padding:12px 0;font-size:15px;margin-top:0}
.copy-again{margin-top:14px;font-size:12px;color:#999}
.copy-again span{color:#ff5000;cursor:pointer;text-decoration:underline}

/* ===== 福号随机选号面板（保留一点朱砂红） ===== */
.fuhao-panel{width:100%;margin:0 auto}
.fuhao-panel[hidden]{display:none!important}
.fuhao-card{background:linear-gradient(135deg,#fffaf9 0%,#ffffff 70%);border:1px solid #f5d3d3;border-radius:16px;padding:40px 32px 26px;text-align:center;box-shadow:0 8px 24px rgba(200,16,46,.06);position:relative;overflow:hidden}
.fuhao-card::before{content:'福';position:absolute;top:50%;right:-30px;transform:translateY(-50%);font-size:240px;font-weight:900;color:rgba(200,16,46,.03);font-family:"PingFang SC","Microsoft YaHei","STKaiti",serif;line-height:1;pointer-events:none;z-index:0}
.fuhao-card>*{position:relative;z-index:1}
.fuhao-brand{display:inline-block;padding:3px 10px;background:#c8102e;color:#fff;font-size:12px;font-weight:700;border-radius:3px;letter-spacing:3px;margin-bottom:14px;box-shadow:0 2px 6px rgba(200,16,46,.20)}
.fuhao-label{font-size:14px;color:#8a1414;font-weight:600;letter-spacing:1px;margin-bottom:18px}
.fuhao-value{font-size:46px;font-weight:800;color:#c8102e;font-family:"DIN Alternate","Helvetica Neue",Arial,sans-serif;letter-spacing:2px;line-height:1.2;margin-bottom:14px;transition:opacity .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 6px rgba(200,16,46,.10)}
.fuhao-blessing{font-size:20px;color:#c8102e;font-weight:700;letter-spacing:2px;margin-bottom:14px;transition:opacity .2s;min-height:28px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.fuhao-blessing-tag{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;background:#fff;color:#c8102e;border:1px solid #f5d3d3;font-size:12px;font-weight:700;letter-spacing:1px;border-radius:4px;height:24px;box-shadow:0 1px 2px rgba(200,16,46,.06)}
.fuhao-loading{opacity:.35}
.fuhao-price{font-size:14px;color:#555;margin-bottom:10px}
.fuhao-price strong{color:#c8102e}
.fuhao-status{font-size:13px;color:#888;margin-bottom:22px;min-height:18px}
.fuhao-actions{display:flex;justify-content:center;align-items:stretch;margin-bottom:14px}
.fuhao-btn-change{display:inline-flex;align-items:center;justify-content:center;width:340px;max-width:100%;padding:16px 0;border-radius:32px;font-size:17px;font-weight:700;text-decoration:none;cursor:pointer;border:none;font-family:inherit;white-space:nowrap;background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff;box-shadow:0 8px 20px rgba(200,16,46,.28);transition:transform .2s,box-shadow .2s;letter-spacing:2px}
.fuhao-btn-change:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(200,16,46,.35)}
.fuhao-btn-change:active{transform:translateY(0);box-shadow:0 5px 12px rgba(200,16,46,.24)}
.fuhao-btn-change:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.fuhao-copy-row{text-align:center;margin-bottom:12px;min-height:22px}
.fuhao-copy{color:#c8102e;cursor:pointer;font-weight:600;font-size:14px;text-decoration:underline;letter-spacing:.5px}
.fuhao-copy:hover{color:#8a1414}
.fuhao-tip{font-size:12px;color:#999;line-height:1.7;margin-top:4px}

/* Mobile Bar Base */
.mobile-bottom-bar{display:none}

/* Responsive 992 */
@media(max-width:992px){
body{padding-top:64px}
.header{height:64px}
.number-grid{grid-template-columns:repeat(3,1fr);gap:16px}
.why-grid{grid-template-columns:repeat(2,1fr)}
.case-list{grid-template-columns:repeat(2,1fr)}
.instruction-grid{grid-template-columns:repeat(2,1fr)}
.contact-info-grid{grid-template-columns:repeat(2,1fr)}
.brand-values{grid-template-columns:repeat(2,1fr)}
.brand-values.cols-4{grid-template-columns:repeat(2,1fr)}
}

/* Responsive 768 */
@media(max-width:768px){
body{padding-top:60px}
.container{padding:0 12px}

.header{padding:0!important;height:60px!important;display:flex!important;align-items:center!important}
.header-inner{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:0 12px!important;width:100%!important;max-width:100%!important;height:100%!important;margin:0 auto!important}
.logo-box{display:flex!important;align-items:center!important;flex:0 1 auto!important;min-width:0!important;overflow:hidden!important}
.logo-box img{height:30px!important;margin-right:6px!important;flex-shrink:0!important}
.logo-text{min-width:0!important;flex:0 1 auto!important;overflow:hidden!important}
.logo-text h1{font-size:19px!important;line-height:1.1!important;margin:0!important;white-space:nowrap!important;color:#1f2d3d!important;font-weight:600!important;overflow:hidden!important;text-overflow:ellipsis!important}
.logo-text h1 .logo-trademark{font-size:10px!important;vertical-align:super!important}
.logo-text p{font-size:11px!important;line-height:1.1!important;margin:3px 0 0 0!important;white-space:nowrap!important;color:#888!important;overflow:hidden!important;text-overflow:ellipsis!important}
.header-contact{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:0!important;flex:0 0 auto!important;white-space:nowrap!important;margin:0!important;padding:0!important;border:0!important}
.header-contact .hc-label{font-size:11px!important;color:#666!important;line-height:1.1!important;margin:0!important;white-space:nowrap!important;display:block!important;font-weight:500!important}
.header-contact .header-tel{font-size:19px!important;color:#1f2d3d!important;font-weight:700!important;line-height:1.1!important;margin:2px 0 0 0!important;white-space:nowrap!important;font-family:Arial,sans-serif!important;display:block!important;text-decoration:none!important;letter-spacing:.3px!important}

.slogan-area{padding:14px 4px 10px}
.slogan-text{font-size:15px;line-height:1.75;display:block;text-align:center}
.slogan-text .st-line{display:block;margin:0}
.slogan-text .st-line+.st-line{margin-left:0;margin-top:2px}
.trust-bar{flex-wrap:wrap;justify-content:flex-start;gap:6px 12px;padding:9px 12px;margin-bottom:14px}
.trust-item{font-size:11px;line-height:1.5;white-space:normal}
.action-bar{flex-direction:column;align-items:stretch;gap:10px;padding-bottom:0;border-bottom:none;margin-bottom:12px}
.tab-nav{width:100%;gap:0;border-bottom:1px solid #e5e7eb;display:flex}
.tab-item{flex:1 1 0;text-align:center;font-size:13px;padding:11px 2px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.tab-item.active::after{bottom:0;height:3px}
.action-right{width:100%;flex-wrap:wrap;gap:8px}
.tips-text{width:100%;font-size:12px;line-height:1.6}
.btn-refresh,.btn-knowledge{flex:1;text-align:center;padding:9px 0;font-size:13px}
.number-grid{grid-template-columns:repeat(2,1fr);gap:10px;grid-auto-rows:104px}
.num-card{padding:16px 8px 10px}
.num-status{top:6px;right:6px;font-size:9px;padding:1px 5px}
.num-title{font-size:15px;letter-spacing:0;margin-bottom:8px}
.num-bottom{padding:6px 2px 0}
.price{font-size:10px}
.price em{font-size:13px}
.btn-detail{padding:3px 8px;font-size:10px;border-radius:10px}
.action-box-bottom{margin:26px auto 34px}
.btn-outline{padding:11px 40px;font-size:14px}
.section-title{font-size:17px;margin-bottom:16px;padding-bottom:10px}
.why-section,.case-section,.price-section{margin:24px auto 32px}
.why-grid{grid-template-columns:repeat(2,1fr);gap:10px}
.why-card{padding:16px 12px}
.why-icon{width:36px;height:36px;font-size:15px;margin-bottom:10px}
.why-card h3{font-size:14px;margin-bottom:6px}
.why-card p{font-size:12px;line-height:1.6}
.case-list{grid-template-columns:1fr;gap:8px}
.case-item{padding:11px 12px;font-size:12px;gap:6px}
.case-co{flex-basis:100%;margin-bottom:2px}
.case-time{font-size:11px}
.case-tip{font-size:11px;line-height:1.6}
.promo-banner{font-size:13px;padding:11px 14px;line-height:1.5}
.promo-strip{font-size:12px;padding:10px 12px;gap:8px}
.promo-strip em{font-size:13px}
.promo-strip .promo-icon{font-size:16px}
.price-table{min-width:640px;font-size:12px}
.price-table th,.price-table td{padding:9px 8px}
.price-table .pt-name{padding-left:12px}
.price-tip{font-size:11px;line-height:1.6;text-align:left}
.instruction-grid{grid-template-columns:1fr;gap:12px}
.inst-card{padding:20px 16px}
.inst-card h3{font-size:15px;margin-bottom:12px;padding-bottom:10px}
.inst-card h4{font-size:13px;line-height:1.7}
.inst-card p{font-size:12px;line-height:1.8}

.inner-hero{padding:40px 18px;margin-bottom:20px;border-radius:0 0 16px 16px}
.inner-hero h1{font-size:24px;margin-bottom:10px}
.inner-hero p{font-size:13px;line-height:1.7}
.main{padding:0 0 20px}
.content-box{padding:24px 20px;border-radius:10px;margin:0 12px 16px;width:auto;max-width:none}
.content-box h2{font-size:18px;margin-bottom:12px;padding-bottom:10px}
.content-box h3{font-size:15px;margin:16px 0 8px}
.content-box p{font-size:13px;line-height:1.8;margin-bottom:10px}
.content-box ul li{font-size:13px;line-height:1.8;padding-left:16px;margin-bottom:8px}
.content-box ul li::before{top:1px}
.brand-story{padding:28px 18px 20px;margin:20px 12px;border-radius:14px}
.brand-story-icon{width:46px;height:46px;font-size:22px;left:18px;top:-20px}
.brand-story h2{font-size:18px;margin:12px 0 10px}
.brand-story p{font-size:13px;line-height:1.8}
.brand-story .bs-quote{font-size:12px;padding:12px 14px;line-height:1.7}
.brand-values,.brand-values.cols-4{grid-template-columns:1fr;gap:10px;margin:16px 12px}
.bv-item{padding:18px 16px}
.bv-icon{width:44px;height:44px;font-size:18px;margin-bottom:10px}
.bv-item h3{font-size:15px}
.bv-item p{font-size:12px}
.inner-cta{padding:28px 20px;margin:24px 12px 16px;border-radius:16px}
.inner-cta h2{font-size:20px;margin-bottom:10px}
.inner-cta p{font-size:13px;margin-bottom:18px;line-height:1.6}
.inner-cta-btn{padding:13px 40px;font-size:14px}
.about-company{padding:22px 18px;border-radius:10px;width:auto;max-width:none;margin:0 12px 12px}
.about-company-title{font-size:15px;margin-bottom:12px;padding-bottom:10px}
.about-company-list li{display:block;padding:10px 0;font-size:13px;line-height:1.7}
.about-company-label{display:block;text-align:left;margin-bottom:4px;font-size:12px;flex:none;width:auto}
.contact-page{padding:0 0 16px}
.contact-hotline{margin:0 12px 14px}
.contact-hotline-inner{padding:20px 16px}
.contact-hotline-number{font-size:26px}
.contact-hotline-btn{display:block;width:100%;padding:10px 0}
.contact-info-grid{display:block;margin:0 12px 14px}
.contact-info-card{margin-bottom:10px;padding:14px}
.contact-info-card h3{font-size:14px;margin-bottom:8px;padding-bottom:8px}
.contact-info-card p{font-size:13px;line-height:1.6}
.faq-item h3{font-size:15px}
.faq-item p{font-size:13px;line-height:1.8}
.icp-card{padding:16px;margin:0 12px 14px}
.icp-item{flex-direction:column;gap:4px}
.icp-label{width:100%;font-size:12px}
.icp-value{font-size:13px}
.tip-box{padding:14px;font-size:13px}

.footer{padding:22px 0 78px;margin-top:28px}
.footer-logo-box{display:none}
.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;padding:0;border-top:none;border-bottom:1px dashed #e8e8e8;margin-bottom:20px;padding-bottom:20px}
.footer-nav a{margin:0;font-size:13px;white-space:nowrap}
.footer-info{flex-direction:column;text-align:center;align-items:stretch;gap:16px;line-height:1.7}
.footer-text{text-align:left;width:100%}
.footer-text p{font-size:12px;line-height:1.7;margin:3px 0;text-align:left;word-break:break-word;overflow-wrap:anywhere;color:#666}
.footer-img{text-align:center;margin-top:0;display:flex;flex-direction:column;align-items:center}
.footer-img img{width:100px;height:auto;margin:0 auto 6px}

.modal-overlay{padding:14px}
.modal-content{padding:20px;width:92%;max-width:100%;max-height:85vh}
.modal-close{top:10px;right:14px;font-size:28px}
#detailModal .modal-title{display:none!important}
.info-row{display:block;margin-bottom:12px}
.info-label{text-align:left;width:100%;margin-bottom:4px;padding-top:0;font-size:13px}
.info-value{font-size:13px;line-height:1.6}
.highlight-num{font-size:20px}
.feature-list{font-size:13px;line-height:1.6}
.package-years{gap:6px}
.year-btn{flex:1 1 calc(33.33% - 6px);text-align:center;font-size:12px;padding:6px 0}
.modal-actions{gap:8px;margin-top:15px;padding-top:15px}
.modal-actions .btn-primary{flex:1 1 100%;padding:12px 0;font-size:14px}
.modal-actions .btn-secondary,.modal-actions .btn-phone{flex:1 1 calc(50% - 4px);padding:11px 4px;font-size:12px;white-space:nowrap}
.function-dialog{padding:20px;border-radius:10px}
.function-content{max-height:55vh;font-size:13px;line-height:1.6}
.function-content .title2{font-size:14px;margin:12px 0 6px}
.function-footer button{width:100%;margin-top:12px}
.copy-dialog{width:92%;padding:26px 18px 20px}
.copy-success-icon{width:46px;height:46px;line-height:46px;font-size:24px;margin-bottom:12px}
.copied-number{font-size:22px;padding:6px 16px}
.copy-blessing{font-size:12px;margin-bottom:10px}
.copy-tip{font-size:12px;margin-bottom:16px}
.copy-actions{gap:8px}
.copy-actions .btn-primary,.copy-actions .btn-phone-block{padding:11px 0;font-size:14px}
.contact-dialog{width:92%}
.contact-box .btn-phone-block{font-size:14px;padding:11px 0}

.fuhao-panel{margin:0 0 6px}
.fuhao-card{padding:24px 16px 20px;border-radius:14px}
.fuhao-card::before{font-size:160px;right:-20px}
.fuhao-brand{font-size:11px;padding:2px 8px;letter-spacing:2px;margin-bottom:12px}
.fuhao-label{font-size:12px;letter-spacing:.5px;margin-bottom:14px}
.fuhao-value{font-size:32px;letter-spacing:1px;margin-bottom:12px}
.fuhao-blessing{font-size:15px;letter-spacing:1px;margin-bottom:10px;min-height:24px;gap:8px}
.fuhao-blessing-tag{font-size:11px;padding:1px 6px;height:20px;letter-spacing:.5px}
.fuhao-price{font-size:12px;margin-bottom:8px}
.fuhao-status{font-size:12px;margin-bottom:18px;min-height:16px}
.fuhao-actions{margin-bottom:12px}
.fuhao-btn-change{width:100%;padding:15px 0;font-size:16px;letter-spacing:2px}
.fuhao-copy{font-size:13px}
.fuhao-copy-row{margin-bottom:10px;min-height:20px}
.fuhao-tip{font-size:11px;line-height:1.7;margin-top:2px}

.mobile-bottom-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:998;height:58px;padding:0 8px env(safe-area-inset-bottom,0);background:#fff;border-top:1px solid #ebedf0;box-shadow:0 -4px 16px rgba(0,0,0,.06);align-items:center;gap:6px;box-sizing:content-box}
.mbb-home{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:100%;flex-shrink:0;text-decoration:none;color:#666}
.mbb-home-icon{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#ff8a4d,#ff5000);color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;margin-bottom:2px;box-shadow:0 2px 6px rgba(255,80,0,.25)}
.mbb-home-text{font-size:10px;line-height:1;color:#666}
.mbb-btn{flex:1;height:42px;border-radius:21px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;font-weight:600;padding:0;text-decoration:none;font-family:inherit;-webkit-tap-highlight-color:transparent;white-space:nowrap;box-sizing:border-box;position:relative;border:none;background:none;cursor:pointer;text-align:center;-webkit-appearance:none;appearance:none;outline:none}
.mbb-wechat{background:#fff;color:#07c160;border:1.5px solid #b7e8c8}
.mbb-wechat:active{background:#f0fff7}
.mbb-phone{background:linear-gradient(135deg,#ff8a4d,#ff5000);color:#fff;border:none;box-shadow:0 3px 10px rgba(255,80,0,.35);font-weight:700}
.mbb-phone svg{flex-shrink:0}
}