*,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} img{max-width:100%;height:auto;display:block} a{color:inherit;text-decoration:none} h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.3;letter-spacing:-0.01em} p{margin:0} button{font-family:inherit} .skip{position:absolute;left:-9999px} .skip:focus{left:12px;top:12px;background:var(--deep);color:#fff;padding:8px 14px;border-radius:8px;z-index:200} .wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 24px} .narrow{max-width:760px} .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border:1px solid transparent;border-radius:10px;font-size:15px;font-weight:500;line-height:1.2;cursor:pointer;transition:background 0.18s ease,border-color 0.18s ease,color 0.18s ease,transform 0.18s ease;white-space:nowrap} .btn:active{transform:translateY(1px)} .btn-primary{background:var(--brand);color:#fff} .btn-primary:hover{background:var(--brand-dark)} .btn-dark{background:var(--deep);color:#fff} .btn-dark:hover{background:var(--deep-2)} .btn-ghost{border-color:var(--line);background:#fff;color:var(--ink)} .btn-ghost:hover{border-color:#c9d2e6;background:var(--paper-2)} .btn-light{background:#fff;color:var(--deep)} .btn-light:hover{background:var(--brand-soft)} .btn-sm{padding:9px 18px;font-size:14px} .btn-block{width:100%} .topbar{position:sticky;top:0;z-index:60;background:rgba(251,250,247,0.88);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)} .topbar-inner{display:flex;align-items:center;gap:28px;height:66px} .brand{display:flex;align-items:center;gap:10px;flex-shrink:0} .brand-mark{width:32px;height:32px;border-radius:9px;background:var(--deep);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600} .brand-text{font-size:16.5px;font-weight:600;letter-spacing:-0.02em} .nav{display:flex;gap:26px;margin-left:8px} .nav-link{position:relative;font-size:14.5px;color:var(--ink-2);padding:6px 0;transition:color 0.16s ease} .nav-link:hover{color:var(--ink)} .nav-link.is-active{color:var(--ink);font-weight:500} .nav-link.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--brand)} .topbar-cta{margin-left:auto} .menu-btn{display:none;margin-left:auto;width:40px;height:40px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;flex-direction:column;justify-content:space-between;cursor:pointer} .menu-btn span{display:block;height:2.5px;flex-shrink:0;background:#0e1a33;border-radius:2px;transition:transform 0.2s ease,opacity 0.2s ease} body.nav-open .menu-btn span:nth-child(1){transform:translateY(6.75px) rotate(45deg)} body.nav-open .menu-btn span:nth-child(2){opacity:0} body.nav-open .menu-btn span:nth-child(3){transform:translateY(-6.75px) rotate(-45deg)} .hero{position:relative;overflow:hidden;padding:72px 0 0} .hero-glow{position:absolute;top:-340px;right:-260px;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(47,107,255,0.13) 0%,rgba(47,107,255,0) 62%);pointer-events:none} .hero-inner{display:grid;grid-template-columns:1.08fr 0.92fr;gap:48px;align-items:end} .hero-copy{padding-bottom:56px} .kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:0.06em;color:var(--ink-2);margin-bottom:22px} .dot{width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px rgba(47,107,255,0.14)} .hero-title{font-size:clamp(36px,5.6vw,62px);line-height:1.16;letter-spacing:-0.03em;font-weight:600;color:var(--deep)} .hero-desc{margin-top:26px;max-width:520px;font-size:16.5px;line-height:1.9;color:var(--ink-2)} .hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap} .hero-photo{position:relative;display:flex;justify-content:center;align-items:flex-end} .hero-photo-bg{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:88%;aspect-ratio:1;border-radius:50%;background:linear-gradient(170deg,#e8efff 0%,#dee7fa 100%);z-index:0} .hero-photo img{position:relative;z-index:1;width:100%;max-width:430px;filter:drop-shadow(0 18px 32px rgba(10,26,61,0.14))} .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:44px;border-top:1px solid var(--line);padding:26px 0 40px} .stat{padding:0 22px;border-right:1px solid var(--line)} .stat:first-child{padding-left:0} .stat:last-child{border-right:0;padding-right:0} .stat-num{font-size:clamp(28px,3.4vw,40px);font-weight:600;line-height:1.2;color:var(--deep);letter-spacing:-0.02em;font-variant-numeric:tabular-nums} .stat-unit{font-size:14px;font-weight:400;margin-left:3px;color:var(--ink-2)} .stat-label{margin-top:6px;font-size:13px;color:var(--muted)} .section{padding:92px 0} .section-tight{padding-top:56px} .section-tint{background:var(--paper-2)} .section-head{margin-bottom:40px;max-width:720px} .section-head h2{font-size:clamp(26px,3.4vw,36px);color:var(--deep)} .section-head p{margin-top:12px;font-size:16px;color:var(--ink-2)} .group-head{display:flex;align-items:baseline;gap:14px;margin-bottom:26px;flex-wrap:wrap} .group-head h2{font-size:22px;color:var(--deep)} .group-note{font-size:13.5px;color:var(--muted)} .act-note{margin:18px 0 0;font-size:13.5px;line-height:1.8;color:var(--muted)} .grid-2,.grid-3{display:grid;gap:18px} .grid-2{grid-template-columns:repeat(2,1fr)} .grid-3{grid-template-columns:repeat(auto-fit,minmax(276px,1fr))} .grid-3:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)} .grid-3:has(>:nth-child(4):last-child) .pcard{padding:26px 26px 22px} .grid-3:has(>:nth-child(4):last-child) .pcard-tag{flex:none;max-width:46ch} .grid-3:has(>:nth-child(4):last-child) .pcard-foot{margin-top:18px} .pcard{display:flex;flex-direction:column;gap:14px;padding:28px 26px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:transform 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease} .pcard:hover{transform:translateY(-3px);border-color:#cfd8ea;box-shadow:var(--shadow)} .pill{display:inline-block;align-self:flex-start;padding:3px 10px;border-radius:99px;font-size:12px;letter-spacing:0.02em;line-height:1.6} .pill-core{background:var(--brand-soft);color:#1c48d6} .pill-eco{background:#f1efe8;color:#7a6a45} .pcard-name{font-size:19px;color:var(--ink);letter-spacing:-0.015em} .pcard-tag{flex:1;font-size:14.5px;line-height:1.75;color:var(--ink-2)} .pcard-fit{font-size:13px;line-height:1.6;color:#5b6880;padding-bottom:4px} .pcard-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px dashed var(--line)} .price{font-size:21px;font-weight:600;color:var(--deep);letter-spacing:-0.02em;font-variant-numeric:tabular-nums} .price-cny{font-size:14px;margin-right:1px} .price-note{display:block;font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0} .price-lg{font-size:clamp(30px,4vw,42px)} .price-lg .price-cny{font-size:0.52em;margin-right:2px;vertical-align:0.14em;letter-spacing:0} .price-lg .price-note{font-size:13px;margin-top:4px} .pcard-arrow{font-size:17px;color:var(--muted);transition:transform 0.2s ease,color 0.2s ease} .pcard:hover .pcard-arrow{transform:translateX(4px);color:var(--brand)} .ecard{position:relative;padding:22px 56px 22px 24px;background:#fff;border:1px solid var(--line);border-radius:14px;transition:transform 0.2s ease,border-color 0.2s ease} .ecard:hover{transform:translateY(-2px);border-color:#cfd8ea} .ecard h4{font-size:16px;color:var(--ink)} .ecard p{margin-top:6px;font-size:14px;line-height:1.7;color:var(--muted)} .ecard-arrow{position:absolute;right:22px;top:50%;transform:translateY(-50%);color:#b9c3d6;transition:transform 0.2s ease,color 0.2s ease} .ecard:hover .ecard-arrow{transform:translate(4px,-50%);color:var(--brand)} .ccard{display:flex;flex-direction:column;gap:12px;padding:32px;border-radius:var(--radius);background:var(--deep);color:#fff;transition:transform 0.2s ease,background 0.2s ease} .ccard:hover{background:var(--deep-2);transform:translateY(-3px)} .ccard-mode{font-size:12.5px;letter-spacing:0.05em;color:var(--brand-mid)} .ccard h3{font-size:22px;color:#fff} .ccard p{flex:1;font-size:14.5px;line-height:1.75;color:rgba(255,255,255,0.72)} .ccard-foot{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid rgba(255,255,255,0.14)} .ccard-price{font-size:25px;font-weight:600;letter-spacing:-0.02em} .ccard-more{font-size:13px;color:var(--brand-mid)} .cta-band{background:var(--deep);color:#fff;padding:80px 0} .cta-inner{text-align:center;max-width:720px} .cta-inner h2{font-size:clamp(26px,3.6vw,36px);color:#fff} .cta-inner p{margin:16px auto 30px;max-width:560px;font-size:16px;line-height:1.85;color:rgba(255,255,255,0.74)} .page-hero{padding:72px 0 56px;border-bottom:1px solid var(--line)} .page-title{font-size:clamp(30px,4.6vw,50px);line-height:1.24;letter-spacing:-0.03em;color:var(--deep);margin-top:6px} .page-desc{margin-top:18px;max-width:640px;font-size:16.5px;line-height:1.9;color:var(--ink-2)} .about-head{display:grid;grid-template-columns:1.35fr 0.65fr;gap:40px;align-items:center} .about-photo img{width:100%;max-width:320px;margin-left:auto;filter:drop-shadow(0 14px 26px rgba(10,26,61,0.12))} .about-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0 44px} .about-grid>div{padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px} .about-num{font-size:22px;font-weight:600;color:var(--deep);letter-spacing:-0.02em} .about-lab{margin-top:4px;font-size:12.5px;line-height:1.6;color:var(--muted)} .prose p{font-size:17px;line-height:1.95;color:var(--ink-2);margin-bottom:20px;letter-spacing:0.005em} .prose h2{margin:52px 0 18px;font-size:25px;color:var(--deep);letter-spacing:-0.02em} .prose h3{margin:34px 0 14px;font-size:19px;color:var(--ink)} .prose ul,.prose ol{margin:0 0 22px;padding-left:22px;color:var(--ink-2)} .prose li{font-size:16.5px;line-height:1.9;margin-bottom:8px} .prose a{color:var(--deep);border-bottom:1px solid var(--brand-mid)} .prose strong{color:var(--ink);font-weight:600} .prose-list{margin:0 0 24px;padding-left:0;list-style:none} .prose-list li{position:relative;padding-left:20px;font-size:16.5px;line-height:1.9;color:var(--ink-2);margin-bottom:12px} .prose-list li::before{content:"";position:absolute;left:0;top:0.85em;width:8px;height:1.5px;background:var(--brand);border-radius:2px} .detail-hero{background:var(--deep);color:#fff;padding:30px 0 64px} .crumbs{font-size:12.5px;color:rgba(255,255,255,0.5);margin-bottom:28px} .crumbs a:hover{color:rgba(255,255,255,0.85)} .crumbs span{margin:0 7px;opacity:0.5} .crumbs em{font-style:normal;color:rgba(255,255,255,0.8)} .detail-hero .pill{margin-bottom:16px} .detail-hero .pill-core{background:rgba(143,180,255,0.16);color:var(--brand-mid)} .detail-hero .pill-eco{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.7)} .detail-hero h1{font-size:clamp(30px,4.6vw,50px);letter-spacing:-0.03em;color:#fff} .detail-tag{margin-top:14px;font-size:clamp(16px,2vw,19px);color:rgba(255,255,255,0.78)} .detail-scope{margin-top:8px;font-size:14px;color:rgba(255,255,255,0.48)} .detail-buy{display:flex;align-items:center;gap:28px;margin-top:34px;flex-wrap:wrap} .detail-price{flex:0 0 auto} .detail-price .price{color:#fff;white-space:nowrap} .detail-price .price-note{color:rgba(255,255,255,0.5)} .detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .dcol{padding:28px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)} .dcol-title{font-size:15px;color:var(--deep);margin-bottom:16px;letter-spacing:0.01em} .dcol-text{font-size:15px;line-height:1.85;color:var(--ink-2)} .caps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .cap-card{position:relative;padding:26px 24px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden} .cap-card::after{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,#c9a227 0%,rgba(201,162,39,0) 88%)} .cap-num{display:block;font-size:12px;font-weight:600;letter-spacing:0.14em;color:#c9a227;margin-bottom:10px} .cap-card h3{font-size:17px;line-height:1.4;color:var(--deep);margin:0 0 10px} .cap-card p{font-size:14.5px;line-height:1.8;color:var(--ink-2);margin:0} @media (max-width:860px){.caps-grid{grid-template-columns:1fr}} .pain-list,.check-list{margin:0;padding:0;list-style:none} .pain-list li{position:relative;padding-left:18px;font-size:14.5px;line-height:1.75;color:var(--ink-2);margin-bottom:12px} .pain-list li:last-child,.check-list li:last-child{margin-bottom:0} .pain-list li::before{content:"";position:absolute;left:0;top:0.78em;width:8px;height:1.5px;background:#c9a227;border-radius:2px} .check-list li{position:relative;padding-left:22px;font-size:15px;line-height:1.8;color:var(--ink-2);margin-bottom:10px} .check-list li::before{content:"✓";position:absolute;left:0;top:0;color:var(--brand);font-size:14px;font-weight:600} .check-list.two-col{columns:2;column-gap:32px} .check-list.two-col li{break-inside:avoid} .block-title{font-size:19px;color:var(--deep);margin:0 0 16px} .block-title:not(:first-child){margin-top:36px} .faq{border-top:1px solid var(--line)} .faq-item{border-bottom:1px solid var(--line)} .faq-item summary{cursor:pointer;padding:18px 30px 18px 0;position:relative;font-size:16px;font-weight:500;color:var(--ink);list-style:none} .faq-item summary::-webkit-details-marker{display:none} .faq-item summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:300;color:var(--muted);transition:transform 0.2s ease} .faq-item[open] summary::after{transform:translateY(-50%) rotate(45deg)} .faq-a{padding:0 30px 20px 0;font-size:15px;line-height:1.85;color:var(--ink-2)} .course-block{display:grid;grid-template-columns:340px 1fr;gap:56px;align-items:start} .course-side h2{margin-top:10px;font-size:28px;color:var(--deep)} .course-tag{margin-top:10px;font-size:15px;line-height:1.8;color:var(--ink-2)} .course-price{margin:22px 0;font-size:34px;font-weight:600;color:var(--deep);letter-spacing:-0.02em} .course-price span{display:block;margin-top:2px;font-size:13px;font-weight:400;color:var(--muted);letter-spacing:0} .course-meta{margin-top:12px;font-size:13px;color:var(--muted)} .course-main{padding-top:6px} .contact-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:48px;align-items:start} .lead-form{padding:34px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)} .field{margin-bottom:20px} .field label{display:block;margin-bottom:7px;font-size:13.5px;color:var(--ink-2)} .field input,.field select,.field textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-family:inherit;font-size:15px;color:var(--ink);transition:border-color 0.16s ease,box-shadow 0.16s ease,background 0.16s ease} .field textarea{resize:vertical;line-height:1.7} .field input:focus,.field select:focus,.field textarea:focus{outline:none;background:#fff;border-color:var(--brand);box-shadow:0 0 0 3px rgba(47,107,255,0.13)} .sms-row{display:flex;gap:10px;align-items:stretch} .sms-row input{flex:1 1 auto;min-width:0} .sms-btn{flex:0 0 auto;min-width:128px;padding:0 16px;font-size:14px;white-space:nowrap} .sms-btn:disabled{opacity:0.6;cursor:default} .sms-msg{margin:8px 0 0;min-height:18px;font-size:13px;line-height:1.5;color:var(--ink-3,#7a8499)} .sms-msg.is-ok{color:#1a7f4b} .sms-msg.is-error{color:#c0392b} @media (max-width:480px){.sms-row{flex-wrap:wrap} .sms-btn{width:100%;min-height:44px}} .hp{position:absolute;left:-9999px;opacity:0;height:0;width:0} .form-hint{margin-top:12px;font-size:12.5px;color:var(--muted);text-align:center} .form-hint.is-ok{color:#1c48d6} .form-hint.is-err{color:#b4402f} .contact-side{display:flex;flex-direction:column;gap:16px} .contact-card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:14px} .contact-card-title{font-size:14px;font-weight:500;color:var(--deep);margin-bottom:14px} .qr{width:168px;height:168px;border-radius:10px;background:var(--paper-2);object-fit:cover;margin-bottom:12px} .qr-empty{display:flex;align-items:center;justify-content:center;font-size:12.5px;color:var(--muted);border:1px dashed var(--line)} .contact-line{font-size:14px;line-height:1.9;color:var(--ink-2);word-break:break-all} .contact-line a{color:var(--deep);border-bottom:1px solid var(--brand-mid)} .contact-note{padding:22px 24px;background:var(--paper-2);border-radius:14px;font-size:13.5px;line-height:1.85;color:var(--ink-2)} .contact-note p + p{margin-top:12px} .contact-note strong{color:var(--ink)} .intent-tip{text-align:center;padding:0 0 56px;font-size:14px;color:var(--muted)} .footer{background:var(--paper-2);padding:56px 0 22px;border-top:1px solid var(--line)} .footer-inner{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-bottom:40px} .footer-name{font-size:17px;font-weight:600;color:var(--deep)} .footer-tag{margin-top:6px;font-size:13.5px;color:var(--ink-2)} .footer-meta{margin-top:4px;font-size:12.5px;color:var(--muted)} .footer-links{display:flex;gap:64px} .footer-col{display:flex;flex-direction:column;gap:8px} .footer-col-title{font-size:12.5px;color:var(--muted);margin-bottom:4px} .footer-col a,.footer-static{font-size:13.5px;color:var(--ink-2);transition:color 0.16s ease} .footer-col a:hover{color:var(--brand)} .footer-bottom{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)} .notfound{padding:120px 0 140px} .notfound .page-desc{margin-bottom:28px}:root{--paper:#f7f9fe;--paper-2:#eff3fb;--ink:#0e1a33;--ink-2:#3f4c66;--muted:#6c7a94;--deep:#0e1a33;--deep-2:#060d1f;--brand:#4263f2;--brand-600:#3151dc;--brand-dark:#263fb0;--brand-soft:#f1f4ff;--brand-mid:#8fa4f8;--brand-100:#e1e7ff;--brand-700:#263fb0;--brand-900:#14205c;--cyan:#7cc4ff;--cyan-soft:#eaf5ff;--blue:#4263f2;--blue-soft:#f1f4ff;--violet:#8fa4f8;--violet-soft:#f1f4ff;--gold:#263fb0;--gold-soft:#f1f4ff;--orange:#e4622e;--orange-soft:#fdf0e8;--band-a:#f1f4ff;--band-b:#fafbff;--line:#e3e9f6;--line-2:#e9eef8;--white:#ffffff;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC",sans-serif;--radius:20px;--radius-sm:12px;--shadow-sm:0 1px 2px rgba(14,26,51,0.05);--shadow:0 8px 24px rgba(14,26,51,0.07);--shadow-lg:0 24px 56px rgba(14,26,51,0.12)} body{background:var(--paper);font-size:16px;line-height:1.72} h1,h2,h3,h4{font-weight:700;letter-spacing:-0.02em} .topbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.86);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid var(--line)} .topbar-inner{height:68px;display:flex;align-items:center;gap:26px} .brand{display:flex;align-items:center;gap:10px} .brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#0c2150,#050f27);color:#fff;font-size:15px;font-weight:600;display:grid;place-items:center;box-shadow:0 6px 14px rgba(10,26,61,0.22)} .brand-text{font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-0.01em} .nav{display:flex;align-items:center;gap:26px;margin-left:8px} .nav-link{position:relative;font-size:15px;color:var(--ink-2);padding:6px 0;transition:color 0.2s} .nav-link:hover{color:var(--deep)} .nav-link.is-active{color:var(--deep);font-weight:600} .nav-link.is-active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--brand)} .nav-mini{font-size:14px;color:var(--ink-2);padding:8px 4px} .topbar-actions{margin-left:auto;display:flex;align-items:center;gap:14px} .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border:1px solid transparent;border-radius:13px;font-size:15px;font-weight:600;letter-spacing:0.01em;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease;white-space:nowrap} .btn-primary{background:linear-gradient(135deg,#2f6bff 0%,#2f6bff 100%);color:#fff;box-shadow:0 10px 24px rgba(47,107,255,0.28)} .btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(47,107,255,0.34)} .btn-ghost{background:#fff;border-color:var(--line);color:var(--ink)} .btn-ghost:hover{border-color:#cfdcf2;box-shadow:var(--shadow-sm)} .btn-dark{background:var(--deep);color:#fff;box-shadow:0 8px 20px rgba(10,26,61,0.2)} .btn-dark:hover{background:#0a1a3d} .btn-light{background:#fff;color:var(--deep);box-shadow:0 10px 26px rgba(0,0,0,0.18)} .btn-light:hover{transform:translateY(-1px)} .btn-sm{height:38px;padding:0 16px;font-size:14px;border-radius:10px} .hero{position:relative;overflow:hidden;padding:58px 0 0;background:radial-gradient(42% 46% at 72% 24%,rgba(66,99,242,0.13) 0%,rgba(66,99,242,0) 68%),radial-gradient(30% 34% at 94% 64%,rgba(124,196,255,0.16) 0%,rgba(124,196,255,0) 70%),linear-gradient(180deg,#ffffff 0%,#fdfdff 46%,#f5f8fe 100%);color:var(--ink)} .hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(66,99,242,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(66,99,242,0.04) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(78% 92% at 76% 46%,#000 0%,rgba(0,0,0,0.45) 46%,transparent 88%);-webkit-mask-image:radial-gradient(78% 92% at 76% 46%,#000 0%,rgba(0,0,0,0.45) 46%,transparent 88%);pointer-events:none} .hero-glow{position:absolute;top:-300px;right:-200px;width:820px;height:820px;border-radius:50%;background:radial-gradient(circle,rgba(66,99,242,0.16) 0%,rgba(66,99,242,0) 64%);pointer-events:none} .hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr 0.88fr;gap:28px;align-items:end;padding-top:6px} .hero-copy{padding-bottom:62px} .hero .kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:24px;padding:7px 15px 7px 12px;border:1px solid var(--brand-100);border-radius:999px;background:var(--brand-soft);color:var(--brand-700);font-size:12.5px;font-weight:600;letter-spacing:0.02em} .hero .dot{width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px rgba(66,99,242,0.16)} .hero-title{font-size:clamp(38px,4.6vw,60px);line-height:1.08;letter-spacing:-0.045em;font-weight:700;color:var(--ink)} .hero-title .hl{color:var(--brand)} .hero-desc{margin-top:24px;text-wrap:balance;max-width:560px;font-size:16.5px;line-height:1.88;color:var(--ink-2)} .hero-desc strong{color:var(--ink);font-weight:600} .hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap} .hero-actions .btn{padding:15px 26px;border-radius:12px;font-size:15px} .hero-actions .btn-primary{box-shadow:0 12px 26px rgba(66,99,242,0.26)} .hero-actions .btn-ghost{background:#fff;border-color:var(--brand-100);color:var(--brand-700);backdrop-filter:none} .hero-actions .btn-ghost:hover{background:var(--brand-soft);border-color:var(--brand-mid);color:var(--brand-dark)} .hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px} .hero-tags span{padding:6px 11px;border-radius:9px;background:#fff;border:1px solid var(--line-2);font-size:12.5px;color:var(--ink-2)} .hero-photo{position:relative;display:flex;justify-content:center;align-items:flex-end;align-self:end;min-height:460px} .hero-photo-bg{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(66,99,242,0.2) 0%,rgba(66,99,242,0.06) 46%,transparent 70%);filter:blur(6px);display:block} .hero-photo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:74px;background:linear-gradient(180deg,rgba(246,249,254,0) 0%,#f6f9fe 92%);z-index:2;pointer-events:none} .hero-photo img{position:relative;z-index:1;width:auto;max-width:100%;height:clamp(380px,40vw,540px);aspect-ratio:auto;object-fit:contain;object-position:bottom center;border-radius:0;border:0;box-shadow:none;filter:drop-shadow(0 24px 42px rgba(14,26,51,0.13))} .float-card{position:absolute;z-index:3;display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:14px;background:#fff;border:1px solid var(--line-2);box-shadow:0 16px 34px rgba(14,26,51,0.1);color:var(--ink)} .float-card b{font-size:18px;font-weight:700;color:var(--brand-700);letter-spacing:-0.02em;font-variant-numeric:tabular-nums} .float-card span{font-size:11.5px;color:var(--muted)} .fc-a{left:auto;right:2px;top:44px} .fc-b{left:auto;right:56px;bottom:96px} @media (max-width:900px){.hero{padding-top:34px} .hero-inner{grid-template-columns:minmax(0,1fr);gap:6px} .hero-copy{padding-bottom:8px} .hero-photo{min-height:0;margin-top:26px;justify-content:flex-end} .hero-photo img{height:clamp(300px,74vw,400px)} .hero-photo-bg{width:300px;height:300px;top:44%} .hero-photo::after{height:56px} .fc-a{right:auto;left:0;top:14px} .fc-b{right:0;left:auto;bottom:66px} .hero-desc{font-size:15.5px}} .strip{position:relative;z-index:6;margin-top:-54px} .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:28px 8px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)} .stat{text-align:center;padding:0 12px;border-left:1px solid var(--line)} .stat:first-child{border-left:0} .stat-num{font-size:30px;font-weight:700;line-height:1.2;letter-spacing:-0.02em;color:var(--deep)} .stat-unit{font-size:14px;font-weight:600;color:var(--brand-dark);margin-left:3px} .stat-label{margin-top:6px;font-size:12.5px;color:var(--muted)} .section{padding:88px 0} .section-tint{background:linear-gradient(180deg,#ffffff 0%,var(--paper-2) 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .section-tight{padding-top:64px} .eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:16px;padding:5px 12px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-size:12px;font-weight:600;letter-spacing:0.1em} .eyebrow::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor} .eyebrow-gold{background:var(--gold-soft);color:var(--gold)} .section-head h2{font-size:clamp(27px,3.3vw,40px);line-height:1.2;letter-spacing:-0.03em;color:var(--ink)} .section-head p{margin-top:14px;max-width:660px;font-size:16px;line-height:1.8;color:var(--ink-2)} .group-head h2{font-size:24px;letter-spacing:-0.02em} .group-note{font-size:13px;color:var(--muted)} .pcard{position:relative;display:flex;flex-direction:column;padding:26px 24px 22px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm);overflow:hidden;transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease} .pcard::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand) 0%,rgba(47,107,255,0) 78%);opacity:0;transition:opacity 0.25s} .pcard:hover{transform:translateY(-5px);border-color:#cfe0ff;box-shadow:var(--shadow-lg)} .pcard:hover::before{opacity:1} .pcard-top{display:flex;align-items:center;gap:11px;margin-bottom:16px} .pcard-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:15px;font-weight:700;letter-spacing:-0.02em;background:var(--brand-soft);color:var(--brand-dark);flex:none} .pcard[data-t="2"] .pcard-ico{background:var(--cyan-soft);color:var(--cyan)} .pcard[data-t="3"] .pcard-ico{background:var(--violet-soft);color:var(--violet)} .pcard[data-t="4"] .pcard-ico{background:var(--blue-soft);color:#4f5bd5} .pcard .pill{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:6px;font-size:11.5px;font-weight:600;letter-spacing:0.04em;background:var(--paper-2);color:var(--ink-2)} .pcard .pill-core{background:var(--brand-soft);color:var(--brand-dark)} .pcard .pill-eco{background:var(--gold-soft);color:var(--gold)} .pcard-name{font-size:18.5px;font-weight:700;color:var(--ink);letter-spacing:-0.02em;line-height:1.35} .pcard-tag{margin-top:9px;font-size:14px;line-height:1.72;color:var(--ink-2)} .pcard-fit{margin-top:12px;font-size:12.5px;color:var(--muted)} .pcard-foot{margin-top:auto;padding-top:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px} .price{font-size:24px;font-weight:700;letter-spacing:-0.03em;color:var(--deep);line-height:1.2} .price-cny{font-size:15px;font-weight:600;margin-right:1px} .price-note{display:block;margin-top:2px;font-size:11.5px;font-weight:400;color:var(--muted);letter-spacing:0} .pcard-arrow{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-dark);font-size:15px;transition:background 0.22s,color 0.22s,transform 0.22s} .pcard:hover .pcard-arrow{background:var(--brand);color:#fff;transform:translateX(2px)} .ecard{position:relative;display:block;padding:24px 26px;background:#fff;border:1px solid var(--line);border-radius:18px;transition:transform 0.22s ease,box-shadow 0.22s ease,border-color 0.22s} .ecard:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#dbe5f7} .ecard h4{font-size:16.5px;font-weight:700;color:var(--ink);padding-right:34px} .ecard p{margin-top:8px;font-size:13.5px;line-height:1.72;color:var(--ink-2)} .ecard-arrow{position:absolute;right:22px;top:24px;color:var(--muted);font-size:15px;transition:transform 0.22s,color 0.22s} .ecard:hover .ecard-arrow{color:var(--brand-dark);transform:translateX(3px)} .ccard{position:relative;display:flex;flex-direction:column;padding:28px 26px 24px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm);overflow:hidden;transition:transform 0.25s,box-shadow 0.25s} .ccard::after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(47,107,255,0.1),transparent 70%)} .ccard:hover{transform:translateY(-4px);box-shadow:var(--shadow)} .ccard-mode{align-self:flex-start;padding:4px 11px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-size:11.5px;font-weight:600;letter-spacing:0.04em} .ccard h3{margin-top:14px;font-size:19px;font-weight:700;letter-spacing:-0.02em} .ccard p{margin-top:8px;font-size:14px;line-height:1.72;color:var(--ink-2)} .ccard-foot{margin-top:auto;padding-top:20px;display:flex;align-items:center;justify-content:space-between} .ccard-price{font-size:22px;font-weight:700;color:var(--deep);letter-spacing:-0.02em} .ccard-more{font-size:13px;color:var(--brand-dark);font-weight:600} .page-hero{position:relative;overflow:hidden;padding:64px 0 56px;background:radial-gradient(110% 120% at 88% 0%,#173a75 0%,#0c1c44 55%,#050d24 100%);color:#fff} .page-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(70% 80% at 60% 0%,#000,transparent);-webkit-mask-image:radial-gradient(70% 80% at 60% 0%,#000,transparent)} .page-hero .wrap{position:relative;z-index:2} .page-hero .kicker{color:rgba(255,255,255,0.66);font-size:12.5px;letter-spacing:0.1em} .page-hero .dot{background:#7ea6ff;box-shadow:0 0 0 4px rgba(122,168,255,0.18)} .page-title{font-size:clamp(30px,4.2vw,46px);line-height:1.18;letter-spacing:-0.03em;color:#fff;font-weight:700} .page-desc{margin-top:16px;max-width:620px;font-size:16px;line-height:1.82;color:rgba(255,255,255,0.7)} .about-head{display:grid;grid-template-columns:1.35fr 0.65fr;gap:40px;align-items:center} .about-photo img{width:100%;max-width:240px;margin-left:auto;aspect-ratio:3 / 4;object-fit:cover;object-position:top center;border-radius:20px;border:1px solid rgba(255,255,255,0.16);box-shadow:0 24px 50px rgba(0,0,0,0.4)} .detail-hero{position:relative;overflow:hidden;padding:40px 0 64px;background:radial-gradient(115% 120% at 85% 0%,#173a75 0%,#0c1c44 52%,#050d24 100%);color:#fff} .detail-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(72% 90% at 55% 0%,#000,transparent);-webkit-mask-image:radial-gradient(72% 90% at 55% 0%,#000,transparent)} .detail-hero .wrap{position:relative;z-index:2} .crumbs{font-size:12.5px;color:rgba(255,255,255,0.55);margin-bottom:22px} .crumbs a{color:rgba(255,255,255,0.72)} .detail-hero .pill{display:inline-flex;align-items:center;height:24px;padding:0 11px;border-radius:7px;font-size:11.5px;font-weight:600;letter-spacing:0.05em;background:rgba(47,107,255,0.16);color:#a9c4ff;border:1px solid rgba(47,107,255,0.28)} .detail-hero .pill-eco{background:rgba(184,135,58,0.16);color:#f0cf95;border-color:rgba(184,135,58,0.3)} .detail-hero h1{margin-top:16px;font-size:clamp(30px,4.4vw,48px);line-height:1.14;letter-spacing:-0.035em;font-weight:700;color:#fff} .detail-tag{margin-top:16px;font-size:17px;line-height:1.7;color:rgba(255,255,255,0.82);max-width:720px} .detail-scope{margin-top:10px;font-size:14px;color:rgba(255,255,255,0.56);max-width:720px} .detail-buy{margin-top:32px;display:inline-flex;align-items:center;gap:22px;padding:16px 22px;border-radius:16px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.14);backdrop-filter:blur(8px)} .detail-price .price{color:#fff;font-size:32px} .detail-price .price-cny{color:var(--brand-mid)} .detail-price .price-note{color:rgba(255,255,255,0.5);font-size:11.5px} .detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .dcol{padding:28px 26px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm)} .dcol-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--ink);margin-bottom:18px} .dcol-title::before{content:"";width:3px;height:15px;border-radius:2px;background:var(--brand)} .dcol-text{font-size:14.5px;line-height:1.84;color:var(--ink-2)} .pain-list li{position:relative;padding-left:18px;margin-bottom:13px;font-size:14.5px;line-height:1.75;color:var(--ink-2)} .pain-list li::before{content:"";position:absolute;left:0;top:0.72em;width:8px;height:2px;border-radius:2px;background:var(--gold)} .check-list li{position:relative;padding-left:24px;margin-bottom:11px;font-size:14.5px;line-height:1.78;color:var(--ink-2)} .check-list li::before{content:"✓";position:absolute;left:0;top:1px;width:17px;height:17px;border-radius:50%;background:var(--brand-soft);color:var(--brand-dark);font-size:10.5px;font-weight:700;display:grid;place-items:center;line-height:1} .caps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .cap-card{position:relative;padding:26px 24px 24px;background:#fff;border:1px solid var(--line);border-radius:18px;transition:transform 0.22s,box-shadow 0.22s,border-color 0.22s} .cap-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#d9e3f6} .cap-card::after{content:"";position:absolute;left:24px;top:0;width:34px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--brand),var(--brand-mid))} .cap-num{display:block;font-size:12px;font-weight:700;letter-spacing:0.14em;color:var(--brand-dark);margin-bottom:12px} .cap-card h3{font-size:17px;line-height:1.4;color:var(--ink);margin:0 0 10px;font-weight:700} .cap-card p{font-size:14px;line-height:1.78;color:var(--ink-2);margin:0} .prose{font-size:16px;color:var(--ink-2)} .prose h2{font-size:23px;line-height:1.4;letter-spacing:-0.02em;color:var(--ink);margin:44px 0 16px;font-weight:700} .prose h2:first-child{margin-top:0} .prose h3{font-size:18px;color:var(--ink);margin:30px 0 12px} .prose p{margin-bottom:16px;line-height:1.92} .prose li{line-height:1.9} .prose strong{color:var(--ink);font-weight:600} .faq{display:grid;gap:10px} .faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 20px;transition:border-color 0.2s,box-shadow 0.2s} .faq-item[open]{border-color:#cfe0ff;box-shadow:var(--shadow-sm)} .faq-item summary{cursor:pointer;list-style:none;padding:17px 0;font-size:15.5px;font-weight:600;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:16px} .faq-item summary::-webkit-details-marker{display:none} .faq-item summary::after{content:"+";flex:none;width:24px;height:24px;border-radius:50%;background:var(--paper-2);color:var(--ink-2);display:grid;place-items:center;font-size:15px;font-weight:400;transition:background 0.2s,color 0.2s,transform 0.2s} .faq-item[open] summary::after{content:"−";background:var(--brand-soft);color:var(--brand-dark)} .faq-a{padding:0 0 18px;font-size:14.5px;line-height:1.85;color:var(--ink-2)} .cta-band{position:relative;overflow:hidden;padding:0;background:radial-gradient(90% 140% at 20% 0%,#12306b 0%,#0a1a3d 55%,#050f27 100%);color:#fff} .cta-band::after{content:"";position:absolute;right:-80px;bottom:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(47,107,255,0.3),transparent 68%)} .cta-inner{position:relative;z-index:2;padding:76px 0;text-align:center} .cta-inner h2{font-size:clamp(26px,3.4vw,38px);letter-spacing:-0.03em;color:#fff} .cta-inner p{margin:14px auto 0;max-width:560px;font-size:15.5px;line-height:1.8;color:rgba(255,255,255,0.64)} .cta-inner .btn{margin-top:28px} .footer{background:#050f27;color:rgba(255,255,255,0.62);border-top:1px solid rgba(255,255,255,0.06)} .footer-name{color:#fff;font-size:16px;font-weight:700} .footer-tag{color:rgba(255,255,255,0.5)} .footer-col-title{color:rgba(255,255,255,0.9);font-size:13px;font-weight:600;letter-spacing:0.04em} .footer-col a,.footer-static{color:rgba(255,255,255,0.58);font-size:13.5px} .footer-col a:hover{color:#a9c4ff} .footer-bottom{border-top:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.4)} .tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch} .tier{position:relative;display:flex;flex-direction:column;padding:32px 26px 28px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm)} .tier-pop{border-color:rgba(47,107,255,0.42);background:linear-gradient(180deg,#f7faff 0%,#ffffff 40%);box-shadow:0 24px 54px rgba(47,107,255,0.14)} .tier-tab{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:5px 16px;border-radius:999px;background:linear-gradient(135deg,#4a7dff,#1c48d6);color:#fff;font-size:12px;font-weight:600;letter-spacing:0.06em;box-shadow:0 8px 18px rgba(47,107,255,0.32)} .tier-name{text-align:center;font-size:19px;font-weight:700;color:var(--ink);letter-spacing:-0.01em} .tier-price{margin-top:18px;text-align:center;font-size:38px;font-weight:700;letter-spacing:-0.03em;color:var(--deep);line-height:1.1} .tier-price span{font-size:14px;font-weight:500;color:var(--muted);letter-spacing:0;margin-left:4px} .tier-desc{margin-top:12px;text-align:center;font-size:13px;line-height:1.75;color:var(--muted);min-height:44px} .tier-list{margin:22px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)} .tier-list li{position:relative;padding:11px 0 11px 24px;font-size:13.5px;line-height:1.72;color:var(--ink-2);border-bottom:1px solid var(--line)} .tier-list li::before{content:"✓";position:absolute;left:0;top:11px;color:var(--brand-dark);font-size:12px;font-weight:700} .tier-list li.off{color:#a9b3c6} .tier-list li.off::before{content:"×";color:#c3cade} .tier-foot{margin-top:auto;padding-top:24px} .tier-foot .btn{width:100%} .demo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px} .demo-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm)} .demo-head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line)} .demo-head img{width:22px;height:22px;border-radius:6px} .demo-head b{font-size:14.5px;font-weight:700;color:var(--ink)} .demo-tag{margin-left:auto;padding:3px 9px;border-radius:999px;background:var(--paper-2);color:var(--muted);font-size:11px} .demo-card video{width:100%;display:block;background:#0b1730} .demo-foot{padding:16px 20px 18px} .demo-foot h3{font-size:15.5px;font-weight:700;color:var(--ink);letter-spacing:-0.01em} .demo-foot p{margin-top:6px;font-size:13px;line-height:1.7;color:var(--ink-2)} .demo-steps{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px} .demo-steps span{padding:4px 10px;border-radius:6px;background:var(--brand-soft);color:var(--brand-dark);font-size:11.5px;font-weight:500} .shots{display:grid;grid-template-columns:repeat(2,1fr);gap:16px} .shot{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm)} .shot img{width:100%;display:block;border-bottom:1px solid var(--line)} .shot-cap{padding:14px 18px 16px;font-size:13px;color:var(--ink-2);line-height:1.65} .shot-cap b{display:block;font-size:14px;color:var(--ink);margin-bottom:3px} .callout{margin:26px 0;padding:16px 20px;border-radius:14px;background:var(--brand-soft);border-left:3px solid var(--brand);font-size:14px;line-height:1.8;color:#0e2a5c} .callout-gold{background:var(--gold-soft);border-left-color:var(--gold);color:#7a561d} .nav-item{position:relative;display:flex;align-items:center} .nav-drop{position:absolute;top:calc(100% + 10px);left:-14px;min-width:236px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px rgba(16,26,51,0.1);padding:10px;max-height:min(72vh,520px);overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity 0.16s ease,transform 0.16s ease,visibility 0.16s;z-index:60} .nav-item:hover .nav-drop,.nav-item:focus-within .nav-drop{opacity:1;visibility:visible;transform:translateY(0)} .nav-item.has-drop::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px} .nav-drop-t{margin:8px 10px 4px;font-size:11.5px;color:#9aa3b5;letter-spacing:0.02em} .nav-drop a{display:block;padding:8px 10px;border-radius:9px;font-size:14px;color:var(--ink-2);text-decoration:none;transition:background 0.14s ease,color 0.14s ease} .nav-drop a:hover{background:var(--brand-soft);color:var(--brand)} .nav-drop-all{margin-top:6px !important;text-align:center;color:var(--brand) !important;background:var(--brand-soft);font-size:13.5px !important} .nav-drop-all:hover{background:#e6eeff !important} @media (max-width:960px){.nav{display:none;position:absolute;top:66px;left:0;right:0;flex-direction:column;gap:0;padding:8px 24px 20px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 12px 24px rgba(10,26,61,0.06)} body.nav-open .nav{display:flex} .nav-link{padding:13px 0;font-size:15px;border-bottom:1px solid var(--line)} .nav-link.is-active::after{display:none} .nav-item{display:block;width:100%} .nav-drop{display:none} .nav-item.has-drop::after{display:none} .menu-btn{display:flex} .topbar-cta{display:none} .hero{padding-top:44px} .hero-inner{grid-template-columns:1fr;gap:8px} .hero-copy{padding-bottom:8px;order:1} .hero-photo{order:2;margin-top:18px} .hero-photo img{max-width:188px} .hero-photo-bg{width:204px;height:204px;aspect-ratio:auto} .stats{grid-template-columns:repeat(2,1fr);row-gap:22px} .stat{padding:0 18px} .stat:nth-child(2n){border-right:0;padding-right:0} .stat:nth-child(2n + 1){padding-left:0} .grid-2,.grid-3{grid-template-columns:1fr} .section{padding:64px 0} .section-tight{padding-top:44px} .about-head{grid-template-columns:1fr} .about-photo{display:none} .about-grid{grid-template-columns:repeat(2,1fr)} .detail-grid{grid-template-columns:1fr} .course-block{grid-template-columns:1fr;gap:32px} .check-list.two-col{columns:1} .contact-grid{grid-template-columns:1fr;gap:32px} .lead-form{padding:24px} .cta-band{padding:64px 0} .footer-links{gap:48px} .page-hero{padding:48px 0 40px}} @media (max-width:520px){.wrap{padding:0 18px} .hero-title{font-size:34px} .hero-desc{font-size:15.5px} .hero-actions .btn{flex:1 1 auto} .ccard{padding:26px 22px} .pcard{padding:24px 22px} .prose p,.prose li,.prose-list li{font-size:16px;line-height:1.9} .footer-inner{flex-direction:column;gap:32px}} @media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important;scroll-behavior:auto !important}} .topbar-actions{display:flex;align-items:center;gap:12px} .nav-mini{font-size:14px;color:var(--ink-2);white-space:nowrap} .nav-mini:hover{color:var(--deep)} .user-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border:1px solid var(--line);border-radius:100px;background:#fff;font-size:13.5px;color:var(--ink);max-width:150px;transition:0.15s} .user-chip:hover{border-color:var(--brand-mid)} .user-chip img,.user-chip-ini{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none;display:flex;align-items:center;justify-content:center;background:var(--deep);color:#fff;font-size:13px} .user-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .t-sub{color:var(--muted);font-size:12.5px} .form-ok,.form-error{margin:0 0 16px;padding:12px 16px;border-radius:12px;font-size:14px} .form-ok{background:var(--brand-soft);color:#1c4291} .form-error{background:#fdeeea;color:#9d3a26} .inline-ok{margin-top:24px} .count-tag{display:inline-block;min-width:20px;padding:1px 7px;margin-left:6px;border-radius:100px;background:var(--paper-2);color:var(--ink-2);font-size:12px;font-weight:500;text-align:center;vertical-align:middle} .empty-hint{color:var(--muted);font-size:14.5px;padding:20px 0} .empty-hint.big{padding:60px 0;text-align:center} .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px} .card h2{margin:0 0 6px;font-size:18px;letter-spacing:-0.01em} .card-hint{margin:0 0 18px;font-size:13px;line-height:1.7;color:var(--muted)} .md-table{margin:22px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:12px} .md-table table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px} .md-table th,.md-table td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top} .md-table th{background:var(--paper-2);font-weight:600;font-size:13px;color:var(--ink);white-space:nowrap} .md-table tr:last-child td{border-bottom:0} .md-table td strong{color:var(--deep)} .auth-section{padding:64px 0 96px} .auth-wrap{display:flex;justify-content:center} .auth-card{width:100%;max-width:420px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:40px 36px;box-shadow:var(--shadow)} .auth-title{margin:6px 0 8px;font-size:26px;letter-spacing:-0.02em} .auth-sub{margin:0 0 24px;font-size:14.5px;line-height:1.7;color:var(--ink-2)} .auth-form .field{margin-bottom:16px} .auth-form label{display:block;margin-bottom:6px;font-size:13px;color:var(--ink-2)} .auth-form input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:15px;background:var(--paper);transition:0.15s} .auth-form input:focus{outline:none;border-color:var(--brand);background:#fff} .auth-form .btn-block{margin-top:8px} .auth-alt{margin:20px 0 0;font-size:14px;color:var(--ink-2);text-align:center} .auth-alt a{color:var(--brand-dark);border-bottom:1px solid var(--brand-mid)} .auth-note{margin:16px 0 0;font-size:12.5px;line-height:1.7;color:var(--muted);text-align:center} .me-wrap{padding-top:20px} .me-head{display:flex;align-items:center;gap:20px;padding:28px 0 32px;border-bottom:1px solid var(--line);margin-bottom:32px} .me-avatar{width:76px;height:76px;border-radius:50%;background:var(--deep);color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;overflow:hidden;flex:none} .me-avatar img{width:100%;height:100%;object-fit:cover} .me-name{margin:0 0 4px;font-size:24px;letter-spacing:-0.02em} .me-sub{margin:0 0 2px;font-size:14px;color:var(--ink-2)} .me-phone{margin:0;font-size:13px;color:var(--muted)} .me-logout{margin-left:auto} .link-btn{background:none;border:0;padding:0;font:inherit;font-size:13.5px;color:var(--muted);cursor:pointer} .link-btn:hover{color:#9d3a26} .me-grid{display:grid;grid-template-columns:1fr;gap:20px;align-items:start} .me-card:first-child{grid-column:1 / -1} .me-card:last-child{grid-column:1 / -1} .me-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px} .me-case-item{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper-2);min-width:0} .me-case-item .mc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px} .me-case-item .mc-name{font-size:14px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0} .me-case-item .t-sub{font-size:12px} .me-case-item .e-tip{font-size:12px;line-height:1.5;color:var(--ink-2)} .me-case-item .me-case-acts{margin-top:auto;padding-top:4px} @media (max-width:720px){.me-case-grid{grid-template-columns:1fr}} .me-form .f{display:block;margin-bottom:14px} .me-form .f>span{display:block;margin-bottom:5px;font-size:12.5px;color:var(--ink-2)} .me-form input,.me-form textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;font:inherit;font-size:14px;background:var(--paper)} .me-form input:focus,.me-form textarea:focus{outline:none;border-color:var(--brand);background:#fff} .me-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px} .avatar-row{display:flex;align-items:center;gap:16px;margin-bottom:20px} .avatar-preview{width:64px;height:64px;border-radius:50%;background:var(--paper-2);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--deep);overflow:hidden;flex:none} .avatar-preview img{width:100%;height:100%;object-fit:cover} .avatar-label{font-size:12.5px;color:var(--ink-2);margin-bottom:6px} .avatar-label em,.me-form .f>span em{font-style:normal;color:#c0392b;margin-left:2px} .hint{margin:6px 0 0;font-size:12px;color:var(--muted)} .me-list{list-style:none;margin:0;padding:0} .me-list li{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px} .me-list li:last-child{border-bottom:0} .me-list-main{display:flex;flex-direction:column;gap:2px;flex:1} .status-dot{font-size:12px;color:var(--brand-dark);background:var(--brand-soft);padding:2px 9px;border-radius:100px;white-space:nowrap} .album-chips{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 26px} .chip{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border:1px solid var(--line);border-radius:100px;background:#fff;font-size:14px;color:var(--ink-2);transition:0.16s} .chip:hover{border-color:var(--brand-mid);color:var(--deep)} .chip.is-on{background:var(--deep);border-color:var(--deep);color:#fff} .chip-n{font-size:12px;opacity:0.6} .pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,336px));justify-content:start;gap:20px} .pitem{display:block;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line);transition:0.2s} .pitem:hover{border-color:var(--brand-mid);box-shadow:var(--shadow);transform:translateY(-2px)} .pitem-img{display:block;aspect-ratio:4 / 3;overflow:hidden;background:var(--paper-2)} .pitem-img picture,.photo-stage picture{display:contents} .pitem-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease} .pitem:hover .pitem-img img{transform:scale(1.03)} .pitem-cap{display:block;padding:13px 15px 15px} .pitem-cap strong{display:block;font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.5} .pitem-cap em{display:block;margin-top:2px;font-style:normal;font-size:12.5px;color:var(--muted);line-height:1.6} .photo-section{padding-top:32px} .photo-wrap{max-width:980px} .crumb{font-size:13px;color:var(--muted);margin-bottom:18px;display:flex;gap:8px;flex-wrap:wrap} .crumb a:hover{color:var(--deep)} .photo-stage{margin:0;background:#0b1730;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:220px} .photo-stage img{display:block;max-width:100%;max-height:76vh;width:auto;height:auto;object-fit:contain} .photo-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 0 8px;flex-wrap:wrap} .photo-title{margin:0 0 6px;font-size:22px;letter-spacing:-0.02em} .photo-intro{margin:0 0 6px;font-size:15px;line-height:1.75;color:var(--ink-2);max-width:60ch} .photo-meta{margin:0;font-size:12.5px;color:var(--muted)} .photo-actions{display:flex;gap:10px;flex:none} .photo-nav{display:flex;justify-content:space-between;gap:16px;padding:24px 0;border-bottom:1px solid var(--line);font-size:14px} .pnav{color:var(--ink-2);max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .pnav:hover{color:var(--deep)} .comment-box{padding:32px 0 60px} .comment-title{margin:0 0 18px;font-size:18px} .comment-form{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;align-items:flex-start} .comment-form textarea{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:14.5px;background:var(--paper);resize:vertical} .comment-form textarea:focus{outline:none;border-color:var(--brand);background:#fff} .comment-login{margin:0 0 24px;padding:16px 18px;background:var(--paper-2);border-radius:12px;font-size:14px;color:var(--ink-2)} .comment-login a{color:var(--brand-dark);border-bottom:1px solid var(--brand-mid)} .comment{padding:16px 0;border-bottom:1px solid var(--line)} .comment:last-child{border-bottom:0} .comment-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap;font-size:13.5px} .comment-ava{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:none} .comment-ava.ini{display:flex;align-items:center;justify-content:center;background:var(--paper-2);color:var(--deep);font-size:13px} .comment-body{margin:0 0 0 38px;font-size:14.5px;line-height:1.8;color:var(--ink);white-space:pre-wrap;word-break:break-word} .course-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0 12px} .enroll-form{display:inline;margin:0} .enrolled-tag{display:inline-block;padding:11px 20px;border-radius:100px;background:var(--brand);color:#fff;font-size:14px;font-weight:700;line-height:1.5;box-shadow:0 10px 24px rgba(66,99,242,0.32)} .enrolled-tag a{color:#fff;text-decoration:underline;text-underline-offset:3px} @media (max-width:900px){.me-grid{grid-template-columns:1fr} .me-card:first-child{grid-row:auto}} @media (max-width:768px){.topbar-actions{gap:8px} .user-chip-name{display:none} .user-chip{padding:3px;border:0;background:none} .auth-card{padding:30px 22px;border-radius:16px} .pgrid{grid-template-columns:repeat(2,1fr);gap:12px} .pitem-cap{padding:10px 11px 11px} .pitem-cap strong{font-size:13px} .pitem-cap em{display:none} .me-head{flex-wrap:wrap;gap:14px} .me-logout{margin-left:0} .card{padding:20px} .photo-bar{flex-direction:column;gap:14px} .photo-actions{width:100%} .photo-actions .btn{flex:1;text-align:center} .photo-stage img{max-height:60vh} .comment-body{margin-left:0} .me-form .row2{grid-template-columns:1fr} .md-table table{font-size:13px} .md-table th,.md-table td{padding:9px 11px}} @media (max-width:340px){.pgrid{grid-template-columns:1fr}} @media (max-width:1024px){.hero-inner{grid-template-columns:1fr;gap:40px} .hero{padding:64px 0 124px} .hero-photo{justify-content:center} .hero-photo img{max-width:340px} .fc-a{left:2%} .fc-b{right:2%} .detail-grid,.caps-grid,.tier-grid,.demo-grid,.shots{grid-template-columns:1fr} .about-head{grid-template-columns:1fr;gap:24px} .about-photo img{margin:0;max-width:200px}} @media (max-width:680px){.topbar-inner{height:60px} .hero{padding:40px 0 108px} .hero-title{font-size:33px} .hero-desc{font-size:15px} .hero-actions .btn{height:44px;padding:0 18px;font-size:14px} .hero-photo img{max-width:260px;aspect-ratio:4 / 5} .float-card{padding:10px 13px;border-radius:12px} .float-card b{font-size:15px} .float-card span{font-size:10.5px} .strip{margin-top:-44px} .stats{padding:20px 4px;border-radius:18px} .stat-num{font-size:23px} .stat-label{font-size:11.5px} .section{padding:56px 0} .page-hero{padding:44px 0 40px} .detail-hero{padding:28px 0 44px} .detail-buy{width:100%;gap:16px;padding:14px 16px} .detail-price .price{font-size:26px} .tier-price{font-size:32px} .caps-grid{gap:12px} .cap-card{padding:22px 20px}} .tier-note{margin-top:18px;text-align:center;font-size:13.5px;color:var(--muted)} .demo-note{margin-top:16px;text-align:center;font-size:12.5px;color:var(--muted)} .shot{margin:0} .tier-list{margin-bottom:0} .demo-card video{aspect-ratio:16 / 10;object-fit:cover} .shot img{aspect-ratio:980 / 700;object-fit:cover;object-position:top center} .tier-pop{background:linear-gradient(180deg,#fffdf7 0%,#ffffff 46%);border-width:1.5px} @media (min-width:1025px){.tier-pop{transform:translateY(-8px)}} .ccard-mode{width:fit-content;display:inline-block} .about-photo img{max-width:210px;aspect-ratio:4 / 5;align-self:center} input[type="text"],input[type="tel"],input[type="password"],input[type="number"],input[type="email"],input[type="search"],textarea,select{background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px 14px;font-size:14.5px;color:var(--ink);transition:border-color 0.18s,box-shadow 0.18s} input[type="text"]:focus,input[type="tel"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="search"]:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(47,107,255,0.14)} input::placeholder,textarea::placeholder{color:#a6b0c6} @media (max-width:680px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr} .pcard-name{font-size:17.5px}} @media (max-width:680px){.grid-3:has(>:nth-child(4):last-child){grid-template-columns:1fr}} .page-title{color:var(--ink)} .page-desc{color:var(--ink-2)} .page-hero .page-title{color:#fff} .page-hero .page-desc{color:rgba(255,255,255,0.7)} .page-hero .about-head .page-title{color:#fff} .page-hero .chip{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.2);color:rgba(255,255,255,0.82)} .page-hero .chip:hover{background:rgba(255,255,255,0.14);color:#fff} .page-hero .chip.is-on{background:#fff;border-color:#fff;color:var(--deep)} .page-hero .chip-n{background:rgba(255,255,255,0.16);color:inherit} .page-hero .chip.is-on .chip-n{background:var(--brand-soft);color:var(--brand-dark)} .page-hero .album-chips{margin-top:26px} .hero::after{content:"";position:absolute;left:-160px;bottom:-320px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(23,182,217,0.22) 0%,rgba(23,182,217,0) 66%);pointer-events:none} .mdsec{padding:22px 0} .mdsec-a{background:var(--band-a)} .mdsec-b{background:var(--band-b)} .mdsec-card{background:#fff;border:1px solid rgba(47,107,255,0.12);border-radius:26px;box-shadow:0 20px 48px rgba(10,26,61,0.07);padding:46px 54px 42px} .mdsec-in{max-width:860px;margin:0 auto} .mdsec-in.is-wide{max-width:1180px} .mdsec-h{display:flex;align-items:baseline;gap:14px;margin-bottom:20px} .mdsec-n{flex:none;font-size:12.5px;font-weight:700;letter-spacing:0.06em;color:var(--brand);background:var(--brand-soft);border-radius:9px;padding:6px 10px;font-variant-numeric:tabular-nums} .mdsec-h h2{font-size:clamp(21px,2.3vw,29px);letter-spacing:-0.025em;color:var(--ink);margin:0} .mdsec-body>h2:first-child{display:none} .mdsec-body h3{margin-top:30px;font-size:17px;color:var(--ink)} .mdsec-body p{margin:0 0 15px;font-size:15.5px;line-height:1.92;color:var(--ink-2)} .mdsec-body p:last-child{margin-bottom:0} .mdsec-body .md-table{margin:20px 0 22px} .mdsec-body>p:first-child{margin-top:0} .plat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px} .plat{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 24px 22px;box-shadow:0 4px 14px rgba(10,26,61,0.04);transition:box-shadow 0.2s,transform 0.2s,border-color 0.2s} .plat:hover{transform:translateY(-3px);border-color:var(--ac);box-shadow:0 18px 40px rgba(10,26,61,0.1)} .plat[data-ac="1"]{--ac:#2f6bff;--ac-soft:#e9f0ff;--ac-ink:#1c48d6} .plat[data-ac="2"]{--ac:#7a5af8;--ac-soft:#f1edff;--ac-ink:#5f42d6} .plat[data-ac="3"]{--ac:#d99a3f;--ac-soft:#fdf4e5;--ac-ink:#a9761f} .plat[data-ac="4"]{--ac:#17a2c9;--ac-soft:#e2f5fb;--ac-ink:#0d7d9e} .plat[data-ac="5"]{--ac:#4f5bd5;--ac-soft:#eceefe;--ac-ink:#3944b3} .plat-top{display:flex;align-items:center;gap:14px} .plat-badge{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--ac);color:#fff;font-size:19px;font-weight:700;letter-spacing:-0.02em;box-shadow:0 10px 20px -8px var(--ac)} .plat-name{font-size:18.5px;font-weight:700;letter-spacing:-0.015em;color:var(--ink);line-height:1.3} .plat-sub{margin-top:4px;font-size:12.5px;color:var(--muted);line-height:1.5} .plat-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px} .plat-tag{padding:4px 10px;border-radius:8px;background:var(--ac-soft);color:var(--ac-ink);font-size:11.5px;font-weight:600;line-height:1.6} .plat-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px} .plat-metric{background:var(--ac-soft);border-radius:13px;padding:12px 6px 10px;text-align:center} .plat-big{font-size:19px;font-weight:700;line-height:1.25;letter-spacing:-0.02em;color:var(--ac-ink)} .plat-cap{margin-top:4px;font-size:10.5px;line-height:1.4;color:var(--ink-2);opacity:0.72} .plat-do{margin-top:20px;font-size:12px;font-weight:700;letter-spacing:0.04em;color:var(--ink)} .plat-list{margin:10px 0 0;padding:0;list-style:none} .plat-list li{position:relative;padding-left:18px;margin-bottom:7px;font-size:13px;line-height:1.7;color:var(--ink-2)} .plat-list li::before{content:"";position:absolute;left:1px;top:0.82em;width:9px;height:1.5px;background:var(--ac)} .pricegrid{display:grid;gap:16px;margin-top:26px} .pricegrid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} .pricegrid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))} .pricecard{display:flex;flex-direction:column;gap:6px;padding:24px 24px 22px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 4px 14px rgba(10,26,61,0.04);transition:transform 0.2s,box-shadow 0.2s,border-color 0.2s} .pricecard:hover{transform:translateY(-3px);border-color:var(--brand-mid);box-shadow:0 20px 42px rgba(47,107,255,0.12)} .pricecard-name{font-size:15.5px;font-weight:700;color:var(--ink);letter-spacing:-0.01em} .pricecard-price{font-size:25px;font-weight:700;letter-spacing:-0.03em;color:var(--brand-dark);line-height:1.25} .pricecard-price span{margin-left:4px;font-size:13px;font-weight:600;letter-spacing:0;color:var(--muted)} .pricecard-note{font-size:13px;line-height:1.72;color:var(--ink-2)} .pricecard-cat{align-self:flex-start;margin-bottom:4px;padding:3px 9px;border-radius:7px;background:var(--brand-soft);color:var(--brand-dark);font-size:11px;font-weight:600;letter-spacing:0.04em} .pricecard-hl{border-color:rgba(47,107,255,0.4);box-shadow:0 0 0 3px rgba(47,107,255,0.08)} .mdsec-body strong{color:var(--ink)} @media (max-width:1024px){.mdsec-card{padding:34px 30px 32px;border-radius:22px} .plat-grid,.pricegrid.cols-2,.pricegrid.cols-3{grid-template-columns:minmax(0,1fr)}} @media (max-width:680px){.mdsec{padding:12px 0} .mdsec-card{padding:24px 20px 22px;border-radius:18px} .mdsec-h{gap:10px;margin-bottom:14px} .mdsec-h h2{font-size:19px} .mdsec-body p{font-size:15px;line-height:1.85} .plat{padding:20px 18px 18px} .plat-badge{width:40px;height:40px;border-radius:12px;font-size:17px} .plat-name{font-size:16.5px} .plat-big{font-size:16px} .plat-cap{font-size:10px} .plat-metric{padding:10px 4px 8px} .pricecard{padding:20px 18px 18px}} .mdsec-chap{padding:58px 0;background:linear-gradient(135deg,#0d1f4a 0%,#1b3d86 52%,#0a1734 100%);color:#fff} .mdsec-chap .mdsec-in{max-width:860px} .chap-kicker{margin-bottom:12px;font-size:11.5px;font-weight:600;letter-spacing:0.24em;color:rgba(255,255,255,0.55)} .mdsec-chap h2{margin:0;font-size:clamp(26px,3vw,38px);letter-spacing:-0.03em;color:#fff} .chap-body{margin-top:16px;font-size:15.5px;line-height:1.9;color:rgba(255,255,255,0.74)} .chap-body p{margin:0 0 10px} .chap-body strong{color:#fff} @media (max-width:680px){.mdsec-chap{padding:40px 0}} @media (max-width:680px){.md-table{overflow:visible;border:0;border-radius:0;margin:18px 0} .md-table table{min-width:0;font-size:14px} .md-table thead{display:none} .md-table tr{display:block;margin-bottom:10px;padding:8px 14px;background:#fff;border:1px solid var(--line);border-radius:12px} .md-table td{display:flex;gap:12px;padding:5px 0;border:0;font-size:13.5px;line-height:1.62} .md-table td::before{content:attr(data-label);flex:none;width:72px;color:var(--muted);font-size:12px;line-height:1.75}} .demo-stage{position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#0e2255 0%,#1c3d86 55%,#0c1c44 100%)} .demo-stage video{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;background:transparent} .demo-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px;border:0;cursor:pointer;color:#fff;background:radial-gradient(80% 90% at 50% 40%,rgba(47,107,255,0.34) 0%,rgba(6,15,40,0.86) 70%);transition:background 0.2s} .demo-cover:hover{background:radial-gradient(80% 90% at 50% 40%,rgba(47,107,255,0.46) 0%,rgba(6,15,40,0.9) 70%)} .demo-play{position:relative;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,0.96);box-shadow:0 14px 30px rgba(0,0,0,0.35);margin-bottom:6px} .demo-play::after{content:"";position:absolute;left:22px;top:19px;width:0;height:0;border-left:16px solid #1c3d86;border-top:10px solid transparent;border-bottom:10px solid transparent} .demo-cover-t{font-size:14.5px;font-weight:700;letter-spacing:0.01em} .demo-cover-s{font-size:12px;color:rgba(255,255,255,0.66)} @media (max-width:680px){.demo-play{width:48px;height:48px} .demo-play::after{left:18px;top:15px;border-left-width:14px;border-top-width:9px;border-bottom-width:9px}} .mdsec-body ul,.mdsec-body ol{margin:14px 0 18px;padding-left:20px} .mdsec-body li{margin-bottom:8px;font-size:15.5px;line-height:1.86;color:var(--ink-2)} .mdsec-body a{color:var(--brand-dark);border-bottom:1px solid rgba(47,107,255,0.28)} .mdsec-body a:hover{border-bottom-color:var(--brand)} .mdsec-body h3:first-child,.mdsec-body ul:first-child,.mdsec-body ol:first-child{margin-top:0} @media (max-width:680px){.mdsec-body li{font-size:15px}} .ads-lead-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px} .ads-lead{padding:18px 20px 17px;border-radius:16px;background:rgba(255,255,255,0.055);border:1px solid rgba(255,255,255,0.13)} .ads-lead-n{display:block;margin-bottom:9px;font-size:11px;font-weight:700;letter-spacing:0.16em;color:#9db9f5;font-variant-numeric:tabular-nums} .ads-lead b{display:block;font-size:15.5px;font-weight:700;color:#fff;letter-spacing:-0.01em;margin-bottom:5px} .ads-lead i{display:block;font-style:normal;font-size:12.5px;line-height:1.65;color:rgba(255,255,255,0.58)} .ads-grid{display:grid;gap:14px;margin-top:24px} .ads-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} .ads-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))} .ads-card{padding:22px 22px 20px;border-radius:16px;background:var(--band-b);border:1px solid var(--line)} .ads-card-mute{background:#f1f3f8;border-color:#e2e7f0} .ads-card-hl{background:linear-gradient(160deg,#edf3ff 0%,#ffffff 72%);border-color:rgba(47,107,255,0.34);box-shadow:0 0 0 3px rgba(47,107,255,0.06)} .ads-k{display:inline-block;margin-bottom:11px;padding:3px 9px;border-radius:7px;background:rgba(47,107,255,0.1);color:var(--brand-dark);font-size:11px;font-weight:700;letter-spacing:0.05em} .ads-card-mute .ads-k{background:rgba(64,80,107,0.09);color:#5b6a86} .ads-card h3{margin:0 0 8px;font-size:16.5px;line-height:1.45;color:var(--ink)} .ads-card p{margin:0;font-size:14px;line-height:1.78;color:var(--ink-2)} .ads-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:26px 0 0;padding:0;list-style:none;counter-reset:none} .ads-step{position:relative;padding:20px 20px 18px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 4px 14px rgba(10,26,61,0.04)} .ads-step + .ads-step::before{content:"→";position:absolute;left:-14px;top:30px;width:12px;text-align:center;font-size:13px;line-height:1;color:var(--brand-mid)} .ads-step-n{display:block;margin-bottom:10px;font-size:10.5px;font-weight:700;letter-spacing:0.16em;color:var(--brand)} .ads-step b{display:block;margin-bottom:6px;font-size:15.2px;line-height:1.45;color:var(--ink)} .ads-step p{margin:0;font-size:13.2px;line-height:1.74;color:var(--ink-2)} .ads-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px} .ads-num{padding:18px 10px 16px;border-radius:16px;text-align:center;background:linear-gradient(180deg,#f1f6ff 0%,#ffffff 100%);border:1px solid var(--line)} .ads-num b{display:block;font-size:33px;font-weight:700;line-height:1.1;letter-spacing:-0.03em;color:var(--brand-dark);font-variant-numeric:tabular-nums} .ads-num b i{font-style:normal;margin-left:3px;font-size:14px;font-weight:700;letter-spacing:0;color:var(--brand)} .ads-num span{display:block;margin-top:7px;font-size:12.2px;line-height:1.55;color:var(--muted)} .ads-mini{display:grid;gap:12px;margin-top:24px} .ads-mini.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} .ads-mini.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))} .ads-mini-item{padding:16px 18px 15px;border-radius:14px;background:#fff;border:1px solid var(--line);border-left:3px solid rgba(47,107,255,0.5)} .ads-mini-item b{display:block;margin-bottom:5px;font-size:14.5px;line-height:1.45;color:var(--ink)} .ads-mini-item span{display:block;font-size:12.8px;line-height:1.66;color:var(--ink-2)} .ads-place{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px} .ads-place-item{padding:18px 20px 16px;border-radius:14px;background:#fff;border:1px solid var(--line)} .ads-place-item:last-child:nth-child(odd){grid-column:1 / -1} .ads-place-h{position:relative;margin-bottom:11px;padding-left:12px;font-size:14px;font-weight:700;letter-spacing:-0.01em;color:var(--ink)} .ads-place-h::before{content:"";position:absolute;left:0;top:0.55em;width:3px;height:13px;border-radius:2px;background:var(--brand)} .ads-place-item ul{margin:0;padding:0;list-style:none} .ads-place-item li{position:relative;padding-left:13px;margin-bottom:6px;font-size:13px;line-height:1.7;color:var(--ink-2)} .ads-place-item li:last-child{margin-bottom:0} .ads-place-item li::before{content:"";position:absolute;left:0;top:0.72em;width:5px;height:5px;border-radius:50%;background:rgba(47,107,255,0.45)} .ads-figs{display:flex;flex-direction:column;gap:16px;margin-top:24px} .ads-fig{width:100%;max-width:980px;margin:0 auto;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 4px 14px rgba(10,26,61,0.05)} .ads-fig img{display:block;width:100%;height:auto;border-bottom:1px solid var(--line)} .ads-fig figcaption{padding:14px 18px 16px} .ads-fig figcaption b{display:block;font-size:13.8px;color:var(--ink)} .ads-fig figcaption span{display:block;margin-top:4px;font-size:12.2px;line-height:1.6;color:var(--brand-dark)} .ads-fig figcaption em{display:block;margin-top:6px;font-style:normal;font-size:12.4px;line-height:1.66;color:var(--ink-2)} .ads-fig-one{max-width:860px;margin:20px auto 4px} .ads-fig-strip{max-width:860px;margin:20px auto 4px} .ads-fig-strip img{border-bottom:0;padding:18px 20px} @media (max-width:1024px){.ads-steps,.ads-nums{grid-template-columns:repeat(2,minmax(0,1fr))} .ads-step:nth-child(3)::before{display:none} .ads-mini.cols-3,.ads-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))} .ads-place{grid-template-columns:minmax(0,1fr)}} @media (max-width:680px){.ads-lead-row{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:26px} .ads-lead{padding:15px 16px 14px} .ads-grid.cols-2,.ads-grid.cols-3,.ads-mini.cols-2,.ads-mini.cols-3,.ads-steps,.ads-nums{grid-template-columns:minmax(0,1fr)} .ads-step + .ads-step::before{display:none} .ads-card,.ads-step{padding:18px 17px 16px} .ads-nums{grid-template-columns:repeat(2,minmax(0,1fr))} .ads-num b{font-size:27px}} @media (max-width:680px){.md-table td:first-child{display:block;padding:2px 0 8px;margin-bottom:4px;border-bottom:1px dashed var(--line);font-weight:700;font-size:14px;color:var(--ink)} .md-table td:first-child::before{content:none}} .page-hero{padding:58px 0 46px;background:radial-gradient(52% 68% at 84% 0%,rgba(66,99,242,0.1) 0%,rgba(66,99,242,0) 72%),linear-gradient(180deg,#ffffff 0%,#ffffff 58%,#fbfcff 100%);color:var(--ink);border-bottom:1px solid var(--line-2)} .page-hero::before{background-image:linear-gradient(rgba(66,99,242,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(66,99,242,0.04) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(70% 90% at 78% 0%,#000,transparent 82%);-webkit-mask-image:radial-gradient(70% 90% at 78% 0%,#000,transparent 82%)} .page-hero .kicker{color:var(--brand-700);font-weight:600;letter-spacing:0.04em} .page-hero .dot{background:var(--brand);box-shadow:0 0 0 4px rgba(66,99,242,0.16)} .page-title{color:var(--ink);letter-spacing:-0.035em} .page-desc{color:var(--ink-2)} .page-hero .chip{background:#fff;border-color:var(--line-2);color:var(--ink-2)} .page-hero .chip.is-on{background:var(--brand);border-color:var(--brand);color:#fff} .detail-hero{padding:34px 0 52px;background:radial-gradient(54% 70% at 86% 0%,rgba(66,99,242,0.1) 0%,rgba(66,99,242,0) 72%),linear-gradient(180deg,#ffffff 0%,#ffffff 58%,#fbfcff 100%);color:var(--ink);border-bottom:1px solid var(--line-2)} .detail-hero::before{background-image:linear-gradient(rgba(66,99,242,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(66,99,242,0.04) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(72% 92% at 80% 0%,#000,transparent 84%);-webkit-mask-image:radial-gradient(72% 92% at 80% 0%,#000,transparent 84%)} .crumbs{color:var(--muted)} .crumbs a{color:var(--ink-2)} .crumbs a:hover{color:var(--brand-600)} .crumbs em{color:var(--ink)} .detail-hero .pill{background:var(--brand-soft);color:var(--brand-700);border:1px solid var(--brand-100)} .detail-hero .pill-eco{background:#f2f4fa;color:#4c5a78;border-color:#e0e6f1} .detail-hero h1{color:var(--ink)} .detail-tag{color:var(--ink-2);text-wrap:balance} .detail-scope{color:var(--muted)} .detail-buy{background:#fff;border:1px solid var(--line-2);box-shadow:var(--shadow);backdrop-filter:none} .detail-price .price{color:var(--ink)} .detail-price .price-cny{color:var(--brand)} .detail-price .price-note{color:var(--muted)} .ads-lead{background:#fff;border:1px solid var(--line-2);box-shadow:var(--shadow-sm)} .ads-lead-n{color:var(--brand-600)} .ads-lead b{color:var(--ink)} .ads-lead i{color:var(--ink-2)} .mdsec-chap{background:var(--brand);color:#fff} .mdsec-chap h2{color:#fff} .chap-kicker{color:rgba(255,255,255,0.72)} .chap-body,.chap-body p{color:rgba(255,255,255,0.86)} .chap-body strong{color:#fff} .cta-band{background:var(--brand);color:#fff} .cta-band::after{background:radial-gradient(circle,rgba(255,255,255,0.16),transparent 68%)} .cta-inner h2{color:#fff} .cta-inner p{color:rgba(255,255,255,0.82)} .cta-inner .btn-light{background:#fff;color:var(--brand-700);box-shadow:0 10px 26px rgba(12,30,90,0.16)} .cta-inner .btn-light:hover{background:#f4f7ff;color:var(--brand-dark)} .footer{background:#f4f7fc;color:var(--ink-2);border-top:1px solid var(--line)} .footer-name{color:var(--ink)} .footer-tag,.footer-meta,.footer-static,.footer-bottom{color:var(--muted)} .footer-col-title{color:var(--ink)} .footer-col a{color:var(--ink-2)} .footer-col a:hover{color:var(--brand-600)} .footer-bottom{border-top-color:var(--line)} .brand-mark{background:var(--brand);box-shadow:0 6px 16px rgba(66,99,242,0.28)} .btn-dark{background:var(--brand);color:#fff;box-shadow:0 8px 18px rgba(66,99,242,0.22)} .btn-dark:hover{background:var(--brand-600)} .btn-light{background:#fff;color:var(--brand-700)} .nav-link.is-active,.nav-link:hover{color:var(--brand-600)} .nav-link.is-active::after{background:var(--brand)} .nav-mini:hover{color:var(--brand-600)} .chip.is-on{background:var(--brand);border-color:var(--brand);color:#fff} .user-chip-ini,.me-avatar,.comment-ava.ini{background:var(--brand)} .demo-stage{background:linear-gradient(135deg,#3151dc 0%,#4263f2 55%,#2e4ed8 100%)} .demo-cover{background:radial-gradient(70% 80% at 50% 34%,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 62%),linear-gradient(150deg,rgba(45,76,214,0.97) 0%,rgba(66,99,242,0.97) 52%,rgba(30,49,145,0.97) 100%)} .plat[data-ac="1"],.plat[data-ac="3"],.plat[data-ac="5"]{--ac:#4263f2;--ac-soft:#f1f4ff;--ac-ink:#263fb0} .plat[data-ac="2"],.plat[data-ac="4"]{--ac:#3151dc;--ac-soft:#eef1ff;--ac-ink:#14205c} .pcard[data-t="2"] .pcard-ico,.pcard[data-t="3"] .pcard-ico,.pcard[data-t="4"] .pcard-ico{background:var(--brand-soft);color:var(--brand-dark)} .tier-pop{background:linear-gradient(180deg,#f6f8ff 0%,#ffffff 52%);border-color:rgba(66,99,242,0.4)} .page-hero .page-title,.page-hero .about-head .page-title{color:var(--ink)} .page-hero .page-desc{color:var(--ink-2)} .page-hero .chip:hover{background:#fff;border-color:var(--brand-mid);color:var(--brand-600)} .page-hero .chip-n{background:var(--brand-soft);color:var(--brand-700)} .page-hero .chip.is-on .chip-n{background:rgba(255,255,255,0.22);color:#fff} .about-photo{display:flex;justify-content:flex-end;align-items:flex-end} .about-photo img{width:auto;height:clamp(250px,25vw,330px);max-width:none;aspect-ratio:auto;object-fit:contain;object-position:bottom center;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 20px 34px rgba(14,26,51,0.12));margin-bottom:-46px;align-self:flex-end} @media (max-width:680px){.about-photo{justify-content:flex-start} .about-photo img{height:220px;margin-bottom:-30px}} .ccard,.ccard h3{color:var(--ink)} .ccard:hover{background:#fff;border-color:var(--brand-100)} .ccard-foot{border-top:1px solid var(--line)} .ccard-more{color:var(--brand-dark)} .cta-inner p{text-wrap:balance} .film-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px} .film-tier{display:flex;flex-direction:column;padding:22px 20px 20px;background:#fff;border:1px solid var(--line);border-radius:18px} .film-tier.is-pop{background:linear-gradient(180deg,#f6f8ff 0%,#ffffff 46%);border-color:rgba(66,99,242,0.42);box-shadow:0 0 0 3px rgba(66,99,242,0.07)} .film-tier-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px} .film-tier-name{font-size:15.5px;font-weight:700;letter-spacing:-0.01em;color:var(--ink)} .film-tier-cat{flex:none;padding:3px 7px;border-radius:6px;background:var(--brand-soft);color:var(--brand-700);font-size:10.5px;font-weight:700;letter-spacing:0.04em;white-space:nowrap} .film-tier.is-pop .film-tier-cat{background:var(--brand);color:#fff} .film-tier-price{font-size:26px;font-weight:700;line-height:1.15;letter-spacing:-0.03em;color:var(--brand-700);font-variant-numeric:tabular-nums} .film-tier-price span{margin-left:4px;font-size:12px;font-weight:600;letter-spacing:0;color:var(--muted)} .film-tier-spec{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:7px} .film-tier-spec li{display:flex;justify-content:space-between;gap:10px;font-size:12.8px;line-height:1.5;color:var(--muted)} .film-tier-spec b{text-align:right;font-weight:600;color:var(--ink-2)} .film-tier-fit{margin:14px 0 0;padding:7px 9px;border-radius:8px;background:var(--brand-soft);color:var(--brand-700);font-size:12px;line-height:1.6} .film-rules{margin-top:22px;display:flex;flex-direction:column} .film-rule{display:flex;gap:18px;padding:18px 0;border-top:1px solid var(--line)} .film-rule:first-child{border-top:0;padding-top:4px} .film-rule-n{flex:none;width:34px;padding-top:2px;font-size:13px;font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums} .film-rule b{display:block;margin-bottom:4px;font-size:16px;color:var(--ink)} .film-rule p{margin:0;font-size:14.2px;line-height:1.82;color:var(--ink-2)} .film-values .cap-card{height:100%} @media (max-width:1024px){.film-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:680px){.film-tiers{grid-template-columns:minmax(0,1fr)} .film-rule{gap:12px;padding:15px 0} .film-rule b{font-size:15.4px} .film-rule p{font-size:13.8px}} .ads-steps-6{grid-template-columns:repeat(3,minmax(0,1fr))} @media (max-width:1024px){.ads-steps-6{grid-template-columns:repeat(2,minmax(0,1fr))} .ads-steps-6 .ads-step:nth-child(3)::before,.ads-steps-6 .ads-step:nth-child(5)::before{display:none}} @media (max-width:680px){.ads-steps-6{grid-template-columns:minmax(0,1fr)} .ads-steps-6 .ads-step::before{display:none}} .cxb-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px} .cxb-pack{display:flex;flex-direction:column;padding:22px 20px 20px;background:#fff;border:1px solid var(--line);border-radius:18px} .cxb-pack.is-pop{background:linear-gradient(180deg,#f6f8ff 0%,#ffffff 46%);border-color:rgba(66,99,242,0.42);box-shadow:0 0 0 3px rgba(66,99,242,0.07)} .cxb-pack-top{display:flex;align-items:center;justify-content:space-between;gap:8px} .cxb-pack-top b{font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-0.01em} .cxb-pack-tag{flex:none;padding:3px 8px;border-radius:6px;background:var(--brand);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:0.04em} .cxb-pack-sub{margin-top:4px;font-size:12px;color:var(--muted)} .cxb-pack-list{list-style:none;margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px} .cxb-pack-list li{position:relative;padding-left:16px;font-size:13px;line-height:1.66;color:var(--ink-2)} .cxb-pack-list li::before{content:"";position:absolute;left:0;top:0.62em;width:6px;height:6px;border-radius:50%;background:rgba(66,99,242,0.45)} .cxb-pack-price{margin-top:auto;padding-top:16px;display:flex;align-items:baseline;gap:8px} .cxb-pack-price s{font-size:12px;color:var(--muted)} .cxb-pack-price strong{font-size:24px;font-weight:700;letter-spacing:-0.03em;color:var(--brand-700);font-variant-numeric:tabular-nums} .cxb-pack-price strong i{font-style:normal;margin-left:2px;font-size:12px;color:var(--muted)} .cxb-fit{display:inline-block;margin-top:8px;font-size:12px;line-height:1.6;color:var(--brand-700)} .cxb-week{display:inline-block;margin-left:8px;padding:2px 7px;border-radius:6px;background:var(--brand-soft);color:var(--brand-600);font-size:11.5px;font-weight:600;vertical-align:2px} @media (max-width:1024px){.cxb-packs{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:680px){.cxb-packs{grid-template-columns:minmax(0,1fr)}} .store-cta{margin-top:26px} .store-cta-in{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 26px;border-radius:18px;background:linear-gradient(140deg,#f2f6ff 0%,#ffffff 62%);border:1px solid rgba(66,99,242,0.28);box-shadow:0 0 0 3px rgba(66,99,242,0.05)} .store-cta-text b{display:block;font-size:16px;font-weight:700;letter-spacing:-0.01em;color:var(--ink)} .store-cta-text span{display:block;margin-top:6px;font-size:13.2px;line-height:1.72;color:var(--ink-2)} .store-cta-btns{display:flex;flex:none;gap:10px} .store-cta-btns .btn{padding:12px 20px;border-radius:11px;font-size:14px;white-space:nowrap} @media (max-width:900px){.store-cta-in{flex-direction:column;align-items:flex-start;gap:16px;padding:20px 18px} .store-cta-btns{width:100%} .store-cta-btns .btn{flex:1;text-align:center;padding:12px 8px;font-size:13.5px}} .store-case{padding:0 0 20px;overflow:hidden} .store-case-img{position:relative;margin-bottom:16px;background:var(--paper-2);aspect-ratio:16 / 10;overflow:hidden} .store-case-img img{display:block;width:100%;height:100%;object-fit:cover} .store-case .ads-k,.store-case h3,.store-case p{margin-left:22px;margin-right:22px} .store-case .ads-k{margin-top:0} .store-case h3{margin-top:0} .store-venues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px} .store-venue{margin:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px} .store-venue img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover} .store-venue figcaption{padding:12px 14px 14px} .store-venue figcaption b{display:block;font-size:14px;color:var(--ink)} .store-venue figcaption span{display:block;margin-top:3px;font-size:12.2px;line-height:1.6;color:var(--muted)} @media (max-width:680px){.store-case{padding-bottom:16px} .store-case .ads-k,.store-case h3,.store-case p{margin-left:17px;margin-right:17px} .store-venues{grid-template-columns:minmax(0,1fr);gap:12px}} .notes-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px} .notes-list{display:flex;flex-direction:column;gap:18px} .notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .ncard{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;transition:0.18s} .ncard:hover{border-color:var(--brand-100);box-shadow:0 14px 32px rgba(14,26,51,0.08);transform:translateY(-2px)} .ncard-img{position:relative;aspect-ratio:2.36 / 1;overflow:hidden;background:linear-gradient(140deg,#eef2ff,#f7f9ff)} .ncard-img img{display:block;width:100%;height:100%;object-fit:cover;transition:0.4s} .ncard:hover .ncard-img img{transform:scale(1.03)} .ncard-noimg{display:grid;place-items:center;height:100%;font-size:13px;color:var(--brand-mid);letter-spacing:0.16em} .ncard-body{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px} .ncard-tag{align-self:flex-start;margin-bottom:9px;padding:3px 9px;border-radius:7px;background:var(--brand-soft);color:var(--brand-700);font-size:11px;font-weight:700;letter-spacing:0.04em} .ncard h3{margin:0 0 8px;font-size:17px;line-height:1.5;letter-spacing:-0.015em;color:var(--ink)} .ncard p{margin:0 0 14px;font-size:13.6px;line-height:1.8;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .ncard-meta{display:flex;gap:12px;margin-top:auto;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums} .ncard-feature .ncard-body{padding:24px 30px 26px} .ncard-feature h3{font-size:24px;line-height:1.4} .ncard-feature p{font-size:15px;-webkit-line-clamp:3} .notes-more{margin-top:24px;text-align:center} .empty-block{padding:60px 20px;text-align:center;background:#fff;border:1px dashed var(--line);border-radius:18px} .empty-block b{display:block;margin-bottom:8px;font-size:16px;color:var(--ink)} .empty-block p{margin:0;font-size:14px;color:var(--muted)} .empty-block a{color:var(--brand-600);border-bottom:1px solid var(--brand-100)} .note-hero{padding:40px 0 34px;background:radial-gradient(50% 70% at 84% 0%,rgba(66,99,242,0.1) 0%,rgba(66,99,242,0) 70%),linear-gradient(180deg,#ffffff 0%,#ffffff 55%,#fbfcff 100%);border-bottom:1px solid var(--line-2)} .note-hero-in{max-width:1160px} .note-hero-in>*{max-width:760px} .note-hero .crumbs{margin-bottom:16px;font-size:12.5px} .note-title{margin:0 0 16px;font-size:clamp(26px,3.4vw,38px);line-height:1.34;letter-spacing:-0.03em;color:var(--ink);text-wrap:balance} .note-abs{margin:0 0 18px;padding-bottom:16px;border-bottom:1px solid var(--line-2);font-size:16px;line-height:1.86;color:#46536e} .note-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:12.8px;color:var(--muted)} .note-meta span{position:relative} .note-meta span + span::before{content:"·";position:absolute;left:-9px;color:#c3cde3} .note-main{padding-top:44px} .note-wrap{max-width:1160px} .note-body{max-width:760px;font-size:17px;line-height:2.02;color:#26314a} .note-body p{margin:0 0 22px} .note-body h3{margin:40px 0 16px;font-size:22px;line-height:1.5;letter-spacing:-0.02em;color:var(--ink);scroll-margin-top:92px} .note-body strong{font-weight:700;color:var(--ink)} .note-body img{display:block;width:auto;max-width:100%;height:auto;margin:26px auto;border-radius:12px;background:var(--paper-2)} .note-body blockquote{margin:26px 0;padding:16px 20px;border-left:3px solid var(--brand-mid);border-radius:0 10px 10px 0;background:var(--brand-soft);font-size:16px;line-height:1.9;color:var(--ink-2)} .note-body ul,.note-body ol{margin:0 0 22px;padding-left:22px} .note-body li{margin-bottom:10px} .note-body code{padding:1px 6px;border-radius:5px;background:#eef2fb;color:var(--brand-700);font-size:15px} .note-foot{padding-top:8px} .note-faq{margin:30px 0 0;padding:24px 26px;background:#fff;border:1px solid var(--line);border-radius:16px} .note-faq h2{margin:0 0 6px;font-size:17px;font-weight:600} .nfaq-list{margin:0;padding:0} .nfaq-item{padding:16px 0;border-bottom:1px solid var(--line)} .nfaq-item:last-child{border-bottom:0;padding-bottom:0} .nfaq-item dt{font-size:15px;font-weight:500;color:var(--ink);margin-bottom:6px} .nfaq-item dd{margin:0;font-size:14.5px;line-height:1.8;color:var(--ink-2)} .author-card{display:flex;align-items:center;gap:18px;padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:18px} .author-ava{flex:none;width:62px;height:62px;overflow:hidden;border-radius:50%;background:var(--brand-soft)} .author-ava img{width:100%;height:100%;object-fit:cover;object-position:top center} .author-info{flex:1} .author-info b{display:block;font-size:15.5px;color:var(--ink)} .author-info span{display:block;margin-top:3px;font-size:12.4px;color:var(--brand-700)} .author-info p{margin:6px 0 0;font-size:13px;line-height:1.7;color:var(--ink-2)} .note-service{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;padding:22px 24px;border-radius:18px;background:linear-gradient(140deg,#f2f6ff 0%,#ffffff 62%);border:1px solid rgba(66,99,242,0.26)} .note-service-t .eyebrow{margin-bottom:6px} .note-service-t b{display:block;font-size:16px;color:var(--ink)} .note-service-t p{margin:5px 0 0;font-size:13.2px;line-height:1.7;color:var(--ink-2)} .note-nav2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px} .note-nav2.is-single{grid-template-columns:minmax(0,1fr)} .note-nav2 a{padding:16px 18px;border-radius:14px;background:#fff;border:1px solid var(--line);transition:0.16s} .note-nav2 a:hover{border-color:var(--brand-100);background:#fbfcff} .note-nav2 span{display:block;margin-bottom:5px;font-size:11.5px;color:var(--muted);letter-spacing:0.04em} .note-nav2 b{display:block;font-size:14px;line-height:1.55;color:var(--ink)} .note-related{margin-top:44px} @media (max-width:680px){.notes-grid{grid-template-columns:minmax(0,1fr)} .ncard-feature .ncard-body{padding:18px 20px 20px} .ncard-feature h3{font-size:20px} .note-body{font-size:16.4px;line-height:1.96} .note-body h3{font-size:19.5px;margin:32px 0 12px} .note-hero{padding:28px 0 24px} .author-card{flex-wrap:wrap} .note-service{flex-direction:column;align-items:flex-start} .note-nav2{grid-template-columns:minmax(0,1fr)}} .home-notes{grid-template-columns:repeat(3,minmax(0,1fr))} @media (max-width:1024px){.home-notes{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:680px){.home-notes{grid-template-columns:minmax(0,1fr)}} .notes-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} .notes-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))} .notes-grid.cols-3 .ncard h3{font-size:15.6px;line-height:1.5} .notes-grid.cols-3 .ncard p{font-size:12.8px;-webkit-line-clamp:2} .notes-grid.cols-3 .ncard-body{padding:14px 16px 16px} .nlist{background:#fff;border:1px solid var(--line);border-radius:18px;padding:4px 22px} .nrow{display:flex;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--line-2)} .nrow:last-child{border-bottom:0} .nrow-img{flex:none;width:132px;aspect-ratio:2.36 / 1;overflow:hidden;border-radius:9px;background:var(--paper-2)} .nrow-img img{display:block;width:100%;height:100%;object-fit:cover;transition:0.4s} .nrow:hover .nrow-img img{transform:scale(1.04)} .nrow-body{flex:1;min-width:0} .nrow-body h3{margin:0 0 5px;font-size:16px;line-height:1.5;color:var(--ink);letter-spacing:-0.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .nrow:hover .nrow-body h3{color:var(--brand-600)} .nrow-body p{margin:0;font-size:13px;line-height:1.6;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .nrow-meta{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums} .nrow-meta span{padding:2px 8px;border-radius:6px;background:var(--brand-soft);color:var(--brand-700);font-weight:600} .nrow-meta em{font-style:normal} @media (max-width:1024px){.notes-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:680px){.notes-grid.cols-2,.notes-grid.cols-3{grid-template-columns:minmax(0,1fr)} .nlist{padding:2px 14px} .nrow{gap:12px;padding:13px 0} .nrow-img{width:96px} .nrow-body h3{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px} .nrow-body p{display:none} .nrow-meta span{display:none}} .svc-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px} .svc-hero-note{margin-top:16px;font-size:13px;color:var(--muted)} .svc-hero-in{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,0.82fr);gap:52px;align-items:center} .svc-hero-in .page-desc{max-width:560px} .svc-mock{padding:20px 22px 18px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 56px rgba(14,26,51,0.1)} .svc-mock-bar{display:flex;align-items:center;gap:6px;padding-bottom:14px;border-bottom:1px solid var(--line-2)} .svc-mock-bar i{width:8px;height:8px;border-radius:50%;background:#dfe5f2} .svc-mock-bar em{margin-left:8px;font-style:normal;font-size:11.5px;font-weight:600;letter-spacing:0.06em;color:var(--brand-700)} .svc-mock-q{margin:16px 0 14px;padding:10px 14px;border-radius:12px 12px 12px 4px;background:var(--paper-2);font-size:14px;font-weight:600;color:var(--ink)} .svc-mock-a p{font-size:13.8px;line-height:1.85;color:var(--ink-2)} .svc-mock-a b{color:var(--brand-700);box-shadow:inset 0 -0.5em 0 rgba(66,99,242,0.14)} .svc-mock-cites{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px} .svc-mock-cite{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--line);border-radius:8px;background:#fbfcff;font-size:12px;color:var(--ink-2)} .svc-mock-cite i{display:grid;place-items:center;width:15px;height:15px;border-radius:4px;background:var(--brand-soft);color:var(--brand-dark);font-style:normal;font-size:10px;font-weight:700} .svc-mock-foot{margin-top:16px;padding-top:12px;border-top:1px dashed var(--line);font-size:11.5px;color:var(--muted)} @media (max-width:1024px){.svc-hero-in{grid-template-columns:1fr;gap:32px} .svc-hero-in .page-title{font-size:clamp(25px,5vw,34px)} .svc-mock{max-width:520px}} .svc-args{margin-top:40px} .svc-arg{display:flex;flex-direction:column;padding:26px 24px 24px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm)} .svc-arg-k{display:inline-grid;place-items:center;width:34px;height:34px;margin-bottom:16px;border-radius:11px;background:var(--brand-soft);color:var(--brand-dark);font-size:12.5px;font-weight:700;letter-spacing:0.02em} .svc-arg h3{font-size:17px;letter-spacing:-0.015em;color:var(--ink);margin-bottom:10px} .svc-arg p{font-size:14.5px;line-height:1.85;color:var(--ink-2)} .svc-arg p + p{margin-top:10px} .svc-arg b{color:var(--ink)} .svc-arg.is-warn{border-color:#f0dcc8;background:linear-gradient(160deg,#fffaf5 0%,#fff 58%)} .svc-arg.is-warn .svc-arg-k{background:var(--orange-soft);color:var(--orange)} .svc-table{margin-top:30px} .svc-table tr.is-win{background:#fbfcff} .svc-table tr.is-win td:first-child{box-shadow:inset 3px 0 0 var(--brand)} .svc-table td b{color:var(--ink)} .svc-dim{font-size:12.5px;color:var(--muted)} .svc-quote{margin:30px 0 0;padding:22px 26px;border-left:3px solid var(--brand);border-radius:0 14px 14px 0;background:var(--brand-soft);font-size:15px;line-height:1.9;color:var(--brand-900)} .svc-quote b{color:var(--ink)} .svc-note{margin-top:30px;padding:22px 26px;border:1px dashed var(--line);border-radius:16px;background:#fff;font-size:14.8px;line-height:1.92;color:var(--ink-2)} .svc-note b{color:var(--ink)} .svc-ladder{display:grid;gap:14px;margin-top:36px} .svc-lv{display:grid;grid-template-columns:64px minmax(0,1fr) 300px;gap:26px;align-items:start;padding:24px 26px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm)} .svc-lv-n{font-size:24px;font-weight:700;letter-spacing:-0.04em;color:var(--brand-100);line-height:1.3;font-variant-numeric:tabular-nums} .svc-lv-main h3{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:17.5px;color:var(--ink);margin-bottom:8px} .svc-lv-main h3 span{font-size:13px;font-weight:500;letter-spacing:0;color:var(--muted)} .svc-lv-main p{font-size:14.5px;line-height:1.85;color:var(--ink-2)} .svc-lv-miss{margin-top:8px;color:#b4402f !important;font-size:13.4px !important} .svc-lv-list{margin:0;padding-left:16px;font-size:13.4px;line-height:1.95;color:var(--ink-2)} .svc-lv-list li::marker{color:var(--brand-mid)} .svc-tiers{margin-top:36px;align-items:stretch} .svc-tier{position:relative;display:flex;flex-direction:column;padding:28px 26px 24px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm)} .svc-tier.is-hot{border-color:#c3cfff;box-shadow:0 18px 44px rgba(66,99,242,0.14)} .svc-tier-badge{position:absolute;top:-11px;left:24px;padding:3px 11px;border-radius:999px;background:var(--brand);color:#fff;font-size:11.5px;font-weight:600;letter-spacing:0.04em} .svc-tier-name{font-size:13.5px;font-weight:600;color:var(--ink-2);margin-bottom:8px} .svc-tier-price{font-size:34px;font-weight:700;letter-spacing:-0.035em;line-height:1.15;color:var(--ink);font-variant-numeric:tabular-nums} .svc-tier-price small{margin-left:4px;font-size:13.5px;font-weight:500;letter-spacing:0;color:var(--muted)} .svc-cny{font-size:17px;font-weight:600;margin-right:1px} .svc-tier-desc{margin:10px 0 18px;font-size:13.4px;line-height:1.78;color:var(--muted)} .svc-tier-list{flex:1;margin:0 0 20px;padding:0;list-style:none;font-size:13.8px;line-height:2;color:var(--ink-2)} .svc-tier-list li{display:grid;grid-template-columns:14px 1fr;gap:8px} .svc-tier-list li::before{content:"·";color:var(--brand);font-weight:700} .svc-tier-foot{padding-top:16px;border-top:1px solid var(--line);font-size:12.8px;color:var(--muted)} .svc-tiers-sm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px} .svc-tier-sm{padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:16px} .svc-tier-sm .svc-tier-price{font-size:24px} .svc-tier-sm .svc-tier-desc{margin:8px 0 0} .svc-h3{margin:52px 0 0;font-size:20px;letter-spacing:-0.02em;color:var(--ink)} .svc-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px} .svc-cols>div{padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:16px;font-size:14.2px;line-height:1.9;color:var(--ink-2)} .svc-cols b{display:block;margin-bottom:6px;font-size:15px;color:var(--ink)} .svc-cols .is-no{border-color:#f0dcc8;background:#fffaf5} .svc-cols .is-no b{color:var(--orange)} .svc-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:36px} .svc-flow>div{padding:22px 22px 20px;background:#fff;border:1px solid var(--line);border-radius:16px} .svc-flow span{display:block;margin-bottom:10px;font-size:11.5px;font-weight:700;letter-spacing:0.12em;color:var(--brand)} .svc-flow h4{font-size:15px;color:var(--ink);margin-bottom:8px} .svc-flow p{font-size:13.2px;line-height:1.8;color:var(--ink-2)} .svc-faq{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:4px 30px;box-shadow:var(--shadow-sm)} .svc-faq details{padding:20px 0;border-bottom:1px solid var(--line)} .svc-faq details:last-child{border-bottom:0} .svc-faq summary{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;font-size:15.5px;font-weight:600;color:var(--ink)} .svc-faq summary::-webkit-details-marker{display:none} .svc-faq summary::after{content:"+";flex:none;color:var(--brand);font-weight:400;font-size:19px;line-height:1.3} .svc-faq details[open] summary::after{content:"−"} .svc-faq p{margin-top:12px;font-size:14.5px;line-height:1.95;color:var(--ink-2)} @media (max-width:1024px){.svc-lv{grid-template-columns:48px minmax(0,1fr);row-gap:12px} .svc-lv-list{grid-column:2} .svc-flow{grid-template-columns:repeat(2,minmax(0,1fr))} .svc-tiers-sm{grid-template-columns:1fr}} @media (max-width:680px){.svc-args,.svc-tiers,.svc-cols,.svc-flow{grid-template-columns:1fr} .svc-tier-price{font-size:30px} .svc-faq{padding:2px 20px} .svc-quote,.svc-note{padding:18px 20px} .svc-lv{padding:20px 18px}} .svc-feature{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:30px 34px;border:1px solid #d9e2ff;border-radius:22px;background:linear-gradient(118deg,#ffffff 0%,var(--brand-soft) 100%);box-shadow:var(--shadow-sm);transition:transform 0.22s ease,box-shadow 0.22s ease,border-color 0.22s ease} .svc-feature:hover{transform:translateY(-3px);border-color:#c0cdff;box-shadow:var(--shadow)} .svc-feature-tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;margin-bottom:12px;border-radius:999px;background:var(--brand);color:#fff;font-size:11.5px;font-weight:600;letter-spacing:0.04em} .svc-feature-main h2{font-size:clamp(20px,2.4vw,27px);letter-spacing:-0.025em;color:var(--ink)} .svc-feature-main p{margin-top:10px;max-width:620px;font-size:14.5px;line-height:1.85;color:var(--ink-2)} .svc-feature-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;white-space:nowrap} .svc-feature-price{font-size:30px;font-weight:700;letter-spacing:-0.03em;color:var(--brand-dark);font-variant-numeric:tabular-nums} .svc-feature-price small{font-size:14px;margin-left:2px} .svc-feature-more{font-size:13.5px;font-weight:600;color:var(--brand-dark)} @media (max-width:680px){.svc-feature{grid-template-columns:1fr;gap:18px;padding:24px 22px} .svc-feature-side{align-items:flex-start;flex-direction:row;align-items:baseline;gap:12px}} .svc-entry{padding-bottom:0} .lead-step{display:flex;align-items:baseline;gap:10px;margin:6px 0 16px;padding-top:22px;border-top:1px solid var(--line-2)} .lead-step:first-child{padding-top:0;border-top:0} .lead-step b{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--brand-soft);color:var(--brand-700);font-size:12px;font-weight:700;flex:none} .lead-step{font-size:15px;font-weight:600;color:var(--ink)} .lead-step span{font-size:12.5px;font-weight:400;color:var(--muted)} .lead-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px} .field label em{font-style:normal;color:#c2402f;margin-left:3px} .pcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px} .pcard-opt{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font-family:inherit;text-align:left;cursor:pointer;transition:border-color 0.16s ease,background 0.16s ease,box-shadow 0.16s ease} .pcard-opt:hover{border-color:var(--brand-mid);background:#fbfcff} .pcard-opt.on{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 3px rgba(66,99,242,0.1)} .pcard-opt b{font-size:13.8px;color:var(--ink);font-weight:600} .pcard-opt span{font-size:11.8px;color:var(--muted);line-height:1.5} .pcard-opt.on b{color:var(--brand-700)} .qblocks{margin-bottom:6px} .qblock{padding:18px 18px 4px;margin-bottom:16px;border:1px solid var(--line-2);border-radius:14px;background:var(--paper)} .qblock[hidden]{display:none} .q{margin-bottom:16px} .q>label{display:block;font-size:13.6px;font-weight:600;color:var(--ink);margin-bottom:9px} .q>label em{font-style:normal;color:#c2402f;margin-left:3px} .q input[type="text"]{width:100%;padding:10px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;font-family:inherit;font-size:14px;color:var(--ink)} .q input[type="text"]:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(66,99,242,0.12)} .opts{display:flex;flex-wrap:wrap;gap:8px} .opt{padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;font-family:inherit;font-size:13px;color:var(--ink-2);cursor:pointer;transition:all 0.14s ease} .opt:hover{border-color:var(--brand-mid);color:var(--brand-700)} .opt.on{background:var(--brand);border-color:var(--brand);color:#fff} .lead-done{padding:40px 30px;text-align:center} .lead-done .big{font-size:20px;font-weight:700;color:var(--ink);margin-bottom:10px} .lead-done p{font-size:14.5px;line-height:1.85;color:var(--ink-2);max-width:420px;margin:0 auto 18px} @media (max-width:680px){.lead-row2,.pcards{grid-template-columns:1fr} .lead-form{padding:22px 18px}} .pcard-opt{position:relative} .pcard-opt .pk{position:absolute;top:8px;right:9px;width:18px;height:18px;border-radius:50%;display:none;place-items:center;background:var(--brand);color:#fff;font-size:11px;font-weight:700;font-style:normal;line-height:1} .pcard-opt.on .pk{display:grid} .pcard-opt.on b{padding-right:20px} .pick-hint{margin:-6px 0 16px;font-size:12.5px;color:var(--muted);line-height:1.7} .contact-kf{display:inline-block;margin-top:10px;font-size:13px;font-weight:600;color:var(--brand-700);border-bottom:1px solid rgba(66,99,242,0.35);padding-bottom:1px} .contact-kf:hover{color:var(--brand);border-bottom-color:var(--brand)} .course-grid{align-items:stretch} .course-card{display:flex;flex-direction:column;padding:24px 24px 20px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm);transition:transform 0.22s ease,box-shadow 0.22s ease,border-color 0.22s ease} .course-card:hover{transform:translateY(-4px);border-color:#cfe0ff;box-shadow:var(--shadow-lg)} .cc-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px} .cc-mode{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:7px;background:var(--brand-soft);color:var(--brand-700);font-size:11.5px;font-weight:600} .cc-mode.is-offline{background:var(--gold-soft);color:var(--gold)} .cc-mine{font-size:11.5px;font-weight:600;color:var(--green);background:#edf7f2;padding:2px 8px;border-radius:6px} .course-card h3{font-size:19px;letter-spacing:-0.02em;color:var(--ink);margin-bottom:8px} .cc-tag{font-size:14px;line-height:1.75;color:var(--ink-2)} .cc-meta{margin-top:12px;font-size:12.8px;color:var(--muted)} .cc-foot{margin-top:auto;padding-top:18px;display:flex;align-items:baseline;justify-content:space-between;gap:12px} .cc-price{font-size:22px;font-weight:700;letter-spacing:-0.02em;color:var(--deep,var(--ink))} .cc-more{font-size:13px;font-weight:600;color:var(--brand-700)} .course-hero-in{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,0.85fr);gap:46px;align-items:center} .course-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px} .course-chips span{padding:5px 11px;border-radius:8px;background:#fff;border:1px solid var(--line);font-size:12.5px;color:var(--ink-2)} .course-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px} .course-cta .enroll-form{display:inline-block} .enrolled-tag{padding:11px 20px;border-radius:100px;background:var(--brand);color:#fff;font-size:14px;font-weight:700;box-shadow:0 10px 24px rgba(66,99,242,0.32)} .enrolled-tag a{color:#fff;text-decoration:underline;text-underline-offset:3px} .course-buy{padding:24px 26px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 44px rgba(14,26,51,0.08)} .cb-price{font-size:32px;font-weight:700;letter-spacing:-0.03em;color:var(--ink);line-height:1.2} .cb-price small{margin-left:6px;font-size:13px;font-weight:500;letter-spacing:0;color:var(--muted)} .cb-line{margin-top:10px;font-size:13.5px;line-height:1.7;color:var(--ink-2)} .cb-note{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line);font-size:12.5px;color:var(--muted)} .fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px} .fit-card{padding:24px 26px;border-radius:18px;border:1px solid var(--line);background:#fff} .fit-card h3{font-size:15.5px;margin-bottom:12px} .fit-card ul{margin:0;padding-left:18px;font-size:14px;line-height:1.9;color:var(--ink-2)} .fit-card.is-yes{border-color:#cfe9de;background:linear-gradient(160deg,#f5fbf8 0%,#fff 60%)} .fit-card.is-yes h3{color:var(--green)} .fit-card.is-no{border-color:#f0dcc8;background:linear-gradient(160deg,#fffaf5 0%,#fff 60%)} .fit-card.is-no h3{color:#b4690e} .fit-sum{margin-top:18px;font-size:13.5px;color:var(--muted)} .course-prose{max-width:760px} .course-prose h2{margin:34px 0 12px;font-size:21px} .course-prose h2:first-child{margin-top:0} .course-prose p{font-size:15px;line-height:1.95;color:var(--ink-2);margin-bottom:14px} .agenda{margin-top:28px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff} .ag-row{display:grid;grid-template-columns:54px 132px minmax(0,1fr);gap:18px;padding:18px 22px;border-bottom:1px solid var(--line);align-items:baseline} .ag-row:last-child{border-bottom:0} .ag-i{font-size:18px;font-weight:700;color:var(--brand-100,#d6def8);font-variant-numeric:tabular-nums} .ag-t{font-size:13px;font-weight:600;color:var(--brand-700)} .ag-c b{display:block;font-size:15px;color:var(--ink);margin-bottom:4px} .ag-c span{font-size:13.6px;line-height:1.8;color:var(--ink-2)} .takes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:20px 0 0;padding:0;list-style:none;max-width:900px} .takes li{position:relative;padding-left:24px;font-size:14.2px;line-height:1.8;color:var(--ink-2)} .takes li::before{content:"";position:absolute;left:0;top:9px;width:12px;height:7px;border-left:2px solid var(--brand);border-bottom:2px solid var(--brand);transform:rotate(-45deg)} .teacher-box{display:grid;grid-template-columns:150px minmax(0,1fr);gap:30px;align-items:center} .teacher-photo img{width:150px;aspect-ratio:3 / 4;object-fit:cover;object-position:top center;border-radius:16px;border:1px solid var(--line);background:var(--paper-2)} .teacher-name{font-size:22px;margin:6px 0 10px} .teacher-bio{font-size:14.5px;line-height:1.9;color:var(--ink-2);max-width:720px} .sessions{margin-top:24px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff} .ss-row{display:grid;grid-template-columns:1.3fr 1fr 100px 92px auto;gap:14px;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line)} .ss-row:last-child{border-bottom:0} .ss-when{font-size:14.5px;font-weight:600;color:var(--ink)} .ss-where,.ss-seat{font-size:13px;color:var(--ink-2)} .ss-tag{display:inline-block;padding:3px 9px;border-radius:6px;font-size:11.5px;font-weight:600} .ss-tag.is-open{background:#edf7f2;color:var(--green)} .ss-tag.is-tbd{background:var(--amber-soft,#fdf4e7);color:#b4690e} .ss-tag.is-full{background:#f2f4f9;color:var(--muted)} .ss-act .btn{padding:9px 16px;font-size:13.5px} .sessions-empty{margin-top:20px;padding:26px;border:1px dashed var(--line);border-radius:16px;background:#fff;text-align:center} .sessions-empty .note{margin-top:12px} .pick-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px} .pick-card{padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:16px} .pick-card b{display:block;font-size:15px;margin-bottom:8px;color:var(--ink)} .pick-card p{margin:0;font-size:13.8px;line-height:1.85;color:var(--ink-2)} @media (max-width:1024px){.course-hero-in{grid-template-columns:1fr;gap:28px} .ag-row{grid-template-columns:40px minmax(0,1fr);row-gap:6px} .ag-c{grid-column:2} .ss-row{grid-template-columns:1fr auto;row-gap:8px} .ss-where,.ss-seat{grid-column:1}} @media (max-width:680px){.fit-grid,.takes,.pick-two{grid-template-columns:1fr} .teacher-box{grid-template-columns:1fr;gap:18px} .teacher-photo img{width:110px} .ag-row{padding:16px 16px} .ss-row{padding:14px 16px}} .enroll-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,0.8fr);gap:40px;align-items:start} .enroll-card{padding:30px 32px 26px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm)} .enroll-sec{display:flex;align-items:baseline;gap:9px;margin:26px 0 14px;font-size:14.5px;font-weight:600;color:var(--ink)} .enroll-sec:first-child{margin-top:0} .enroll-sec b{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--brand-soft);color:var(--brand-700);font-size:11.5px;font-weight:700} .enroll-card .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px} .enroll-card .f{display:block;margin-bottom:14px} .enroll-card .f>span{display:block;margin-bottom:6px;font-size:13px;color:var(--ink-2)} .enroll-card .f>span em{font-style:normal;color:#c2402f} .enroll-card input[type="text"],.enroll-card input:not([type]),.enroll-card select,.enroll-card textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-family:inherit;font-size:14.5px;color:var(--ink)} .enroll-card input:focus,.enroll-card select:focus,.enroll-card textarea:focus{outline:none;background:#fff;border-color:var(--brand);box-shadow:0 0 0 3px rgba(66,99,242,0.12)} .enroll-card .hint{display:block;margin-top:6px;font-size:12.2px;font-style:normal;color:var(--muted)} .enroll-card .f.checkbox{display:flex;align-items:center;gap:9px;font-size:14px} .inv-box{margin-top:4px;padding:16px 16px 2px;border:1px dashed var(--line);border-radius:12px;background:#fbfcff} .enroll-side{position:sticky;top:96px} .enroll-sum{padding:24px 26px;background:linear-gradient(160deg,#f7f9ff 0%,#fff 70%);border:1px solid #dce4ff;border-radius:18px} .es-course{font-size:15.5px;font-weight:700;color:var(--ink);margin-bottom:8px} .es-when{font-size:13px;color:var(--ink-2);line-height:1.8} .es-price{margin:14px 0 16px;font-size:28px;font-weight:700;letter-spacing:-0.03em;color:var(--brand-700)} .es-price small{font-size:13px;font-weight:500;color:var(--muted);margin-left:4px} .es-steps{margin:0 0 16px;padding:0 0 0 2px;list-style:none;counter-reset:s} .es-steps li{position:relative;padding-left:26px;margin-bottom:9px;font-size:13.2px;line-height:1.7;color:var(--ink-2);counter-increment:s} .es-steps li::before{content:counter(s);position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:#fff;border:1px solid #c9d6f7;color:var(--brand-700);font-size:11px;font-weight:700;display:grid;place-items:center} .es-back{display:inline-block;font-size:13px;color:var(--brand-700)} .me-enrolls li{align-items:flex-start} .e-badge{flex:none;padding:3px 9px;border-radius:6px;font-size:11.5px;font-weight:700;white-space:nowrap} .e-wait{background:#f2f4f9;color:#5b6785} .e-pay{background:#fdf4e7;color:#b4690e} .e-ok{background:#edf7f2;color:var(--green)} .e-no{background:#fdf2f0;color:var(--red)} .e-tip{display:block;margin-top:4px;font-size:12.4px;color:var(--muted)} @media (max-width:1024px){.enroll-grid{grid-template-columns:1fr} .enroll-side{position:static}} @media (max-width:680px){.enroll-card{padding:22px 18px} .enroll-card .row2{grid-template-columns:1fr}} .me-enroll-item{padding:14px 0} .pay-box{margin-top:12px;padding:16px 18px;border:1px solid #f3e2c8;border-radius:12px;background:#fffaf2} .pay-head{font-size:14px;font-weight:700;color:var(--ink)} .pay-done{margin-left:8px;padding:2px 8px;border-radius:6px;background:#edf7f2;color:var(--green);font-size:11.5px;font-weight:600} .pay-body{margin-top:12px} .pay-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px} .pm{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:center} .pm-t{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:10px} .pm-tag{display:inline-block;padding:2px 8px;border-radius:100px;font-size:10.5px;font-weight:600;line-height:1.6;white-space:nowrap} .pm-tag.is-no{background:#f1f2f5;color:var(--muted)} .pm-tag.is-yes{background:#eaf0ff;color:var(--brand)} .pm-note{margin:8px 0 0;font-size:11.5px;color:var(--muted)} .pm .pay-qr{margin:0 auto} .pm .pay-note{margin:0;text-align:left;font-size:11px;line-height:1.7} @media (max-width:640px){.pay-methods{grid-template-columns:1fr}} .pay-qr{display:block;width:140px;height:140px;object-fit:contain;border-radius:8px;border:1px solid var(--line);background:#fff;margin-bottom:10px} .pay-note{margin:0 0 12px;padding:10px 12px;border-radius:8px;background:#fff;border:1px dashed var(--line);font-family:inherit;font-size:12.8px;line-height:1.8;color:var(--ink-2);white-space:pre-wrap} .proof-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px} .proof-name{font-size:12.5px;color:var(--muted)} .pay-body .hint{margin:8px 0 0;font-size:12.2px;color:var(--muted)} .pp-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 18px;margin-bottom:18px;border:1px solid var(--line);border-radius:12px;background:#fbfcff;font-size:13.5px;color:var(--ink-2)} .pp-bar.is-warn{border-color:#f3e2c8;background:#fffaf2} .pp-search{display:flex;gap:10px;margin-bottom:14px} .pp-search input{flex:1;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;font-family:inherit;font-size:14.5px;color:var(--ink)} .pp-search input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(66,99,242,0.12)} .pp-cities{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px} .pp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .person-card{display:flex;flex-direction:column;padding:22px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm);transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease} .person-card:hover{transform:translateY(-3px);border-color:#cfe0ff;box-shadow:var(--shadow-lg)} .pc-top{display:flex;align-items:center;gap:12px;margin-bottom:12px} .pc-avatar{width:46px;height:46px;border-radius:50%;overflow:hidden;flex:none;background:var(--brand-soft);display:grid;place-items:center} .pc-avatar img{width:100%;height:100%;object-fit:cover} .pc-avatar i{font-style:normal;font-weight:700;color:var(--brand-700);font-size:18px} .pc-id b{display:block;font-size:15.5px;color:var(--ink)} .pc-id span{display:block;font-size:12.4px;color:var(--muted);margin-top:2px} .pc-bio{margin:0 0 10px;font-size:13.4px;line-height:1.78;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .pc-need{margin:0 0 12px;padding:8px 10px;border-radius:8px;background:#f7f9ff;font-size:12.6px;line-height:1.7;color:var(--brand-700)} .pc-foot{margin-top:auto;padding-top:12px;border-top:1px dashed var(--line);display:flex;flex-wrap:wrap;gap:8px} .pc-way{font-size:12.2px;color:var(--ink-2);background:var(--paper-2);padding:3px 8px;border-radius:6px} .pc-way.is-off{color:var(--muted);background:transparent;border:1px dashed var(--line)} .pp-empty{padding:50px 20px;text-align:center;border:1px dashed var(--line);border-radius:16px;background:#fff} .pp-more{margin-top:18px;padding:22px 24px;border:1px dashed var(--line);border-radius:16px;background:#fff;text-align:center} .pp-more p{margin:0 0 14px;color:var(--ink-2);font-size:14px} .pp-more .guest-acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap} .case-desc{flex:1;margin:0;font-size:13.5px;line-height:1.8;color:var(--ink-2);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden} .case-desc.open{display:block;-webkit-line-clamp:unset} .case-more{align-self:flex-start;margin-top:-4px;padding:0;border:0;background:none;font:inherit;font-size:12.5px;color:var(--brand);cursor:pointer} .case-more:hover{text-decoration:underline} .pp-empty p{margin-bottom:14px;color:var(--muted)} .person-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:26px;align-items:center} .person-avatar{width:96px;height:96px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);display:grid;place-items:center} .person-avatar img{width:100%;height:100%;object-fit:cover} .person-avatar i{font-style:normal;font-size:34px;font-weight:700;color:#fff} .person-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px} .person-body{max-width:820px} .person-sec{margin-bottom:16px} .person-bio,.person-need{font-size:15px;line-height:1.95;color:var(--ink-2);white-space:pre-wrap} .person-need{padding:14px 16px;border-radius:12px;background:#f7f9ff;color:var(--brand-700)} .person-ways{display:flex;flex-wrap:wrap;gap:12px} .way{padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#fbfcff} .way span{display:block;font-size:12px;color:var(--muted);margin-bottom:3px} .way b{font-size:16px;color:var(--ink);letter-spacing:0.01em} .copyable{cursor:pointer;border-bottom:1px dashed var(--line);transition:color 0.15s ease,border-color 0.15s ease} .copyable:hover{color:var(--brand);border-color:var(--brand)} .copy-toast{position:fixed;left:50%;bottom:42px;transform:translate(-50%,12px);background:rgba(16,24,40,0.92);color:#fff;font-size:13.5px;padding:10px 18px;border-radius:10px;box-shadow:0 12px 28px rgba(16,24,40,0.24);opacity:0;pointer-events:none;transition:opacity 0.2s ease,transform 0.2s ease;z-index:300;max-width:82vw} .copy-toast.on{opacity:1;transform:translate(-50%,0)} .msg-list{margin:0 0 18px;padding:0;list-style:none} .msg-list li{padding:12px 0;border-bottom:1px dashed var(--line)} .msg-list li:last-child{border-bottom:0} .msg-head{display:flex;align-items:baseline;gap:10px;margin-bottom:4px} .msg-head b{font-size:13.4px;color:var(--ink)} .msg-head span{font-size:11.8px;color:var(--muted)} .msg-list p{margin:0;font-size:13.8px;line-height:1.8;color:var(--ink-2)} .msg-form textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-family:inherit;font-size:14px;line-height:1.7;color:var(--ink);resize:vertical} .msg-form textarea:focus{outline:none;background:#fff;border-color:var(--brand);box-shadow:0 0 0 3px rgba(66,99,242,0.12)} .msg-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px} .poster-mask{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:rgba(8,17,38,0.72)} .poster-box{text-align:center;max-height:92vh;overflow:auto} .poster-box img{width:300px;max-width:76vw;border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,0.45)} .poster-tip{margin:12px 0 10px;font-size:12.5px;color:rgba(255,255,255,0.7)} .poster-versions{display:flex;gap:8px;justify-content:center;margin-bottom:12px} .pv-btn{padding:7px 16px;border:1px solid rgba(255,255,255,0.35);border-radius:100px;background:transparent;color:rgba(255,255,255,0.85);font-size:13px;cursor:pointer;transition:all 0.15s ease} .pv-btn:hover{border-color:#fff;color:#fff} .pv-btn.is-on{background:#fff;border-color:#fff;color:var(--brand-700);font-weight:600} .show-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:4px 0 18px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fbfcff} .show-row b{display:block;font-size:14px;color:var(--ink);margin-bottom:4px} .show-row .hint{margin:0;font-size:12.4px;line-height:1.7;color:var(--muted);max-width:380px} .switches{display:flex;flex-direction:column;gap:8px} .sw{display:inline-flex;align-items:center;gap:8px;font-size:13.2px;color:var(--ink-2);cursor:pointer} .sw input{width:16px;height:16px;accent-color:var(--brand)} .f>span .opt{margin-left:6px;padding:1px 6px;border-radius:5px;background:#f2f4f9;color:var(--muted);font-size:11px} .card-hint.is-warn{color:#a2541a} @media (max-width:1024px){.pp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:680px){.pp-grid{grid-template-columns:1fr} .person-head{grid-template-columns:1fr;gap:16px;text-align:left} .person-avatar{width:76px;height:76px}} .pc-need span{display:inline-block;margin-right:6px;padding:0 6px;border-radius:4px;background:#fff;border:1px solid #dce4ff;font-size:11px;color:var(--brand-700)} .poster-mask[hidden]{display:none} .person-avatar{background:var(--brand-soft);border:1px solid #dce4ff;box-shadow:0 8px 24px rgba(66,99,242,0.12)} .person-avatar i{color:var(--brand-700)} .count-hint{display:block;margin-top:6px;font-size:12px;font-style:normal;color:var(--muted);text-align:right} .count-hint.is-full{color:#b4690e} .guest-chip{display:inline-block;margin-top:14px;padding:5px 11px;border-radius:8px;background:var(--brand-soft);color:var(--brand-700);font-size:12.5px} .person-bio.is-teaser{position:relative;padding-bottom:6px} .guest-lock{border-style:dashed;background:#fbfcff} .gl-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px dashed var(--line)} .gl-row:last-of-type{border-bottom:0} .gl-k{font-size:14.5px;font-weight:600;color:var(--ink)} .gl-v{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)} .gl-v svg{flex:none;opacity:0.75} .gl-note{margin:10px 0 0;font-size:12.5px;line-height:1.75;color:var(--muted)} .guest-cta{border-color:#d9e2ff;background:linear-gradient(160deg,#f7f9ff 0%,#fff 62%)} .guest-cta h2{margin-bottom:10px} .guest-cta p{font-size:14.5px;line-height:1.9;color:var(--ink-2);margin-bottom:10px} .guest-social{color:var(--ink) !important} .guest-social b{color:var(--brand-700);font-size:17px} .guest-acts{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 12px} .guest-cta .hint{font-size:12.5px;color:var(--muted)} .pcard,.ecard,.ccard{transition:transform 0.24s ease,box-shadow 0.24s ease,border-color 0.24s ease,background-color 0.24s ease} .pcard:focus-visible,.ecard:focus-visible,.ccard:focus-visible{outline:3px solid rgba(66,99,242,0.45);outline-offset:3px} .pcard:hover,.pcard:focus-visible{background:var(--brand);border-color:var(--brand);box-shadow:0 24px 48px -20px rgba(66,99,242,0.55);transform:translateY(-5px)} .ccard:hover,.ccard:focus-visible{background:var(--brand);box-shadow:0 24px 48px -20px rgba(66,99,242,0.55);transform:translateY(-5px)} .ccard:hover .ccard-mode,.ccard:focus-visible .ccard-mode,.ccard:hover .ccard-more,.ccard:focus-visible .ccard-more{color:rgba(255,255,255,0.85)} .ccard:hover p,.ccard:focus-visible p{color:rgba(255,255,255,0.85)} .ccard:hover .ccard-foot,.ccard:focus-visible .ccard-foot{border-top-color:rgba(255,255,255,0.3)} .pcard:hover::before,.pcard:focus-visible::before{opacity:0} .pcard:hover .pcard-name,.pcard:focus-visible .pcard-name,.pcard:hover .price,.pcard:focus-visible .price,.pcard:hover .price-cny,.pcard:focus-visible .price-cny{color:#fff} .pcard:hover .pcard-tag,.pcard:focus-visible .pcard-tag{color:rgba(255,255,255,0.9)} .pcard:hover .pcard-fit,.pcard:focus-visible .pcard-fit,.pcard:hover .price-note,.pcard:focus-visible .price-note{color:rgba(255,255,255,0.82)} .pcard:hover .pcard-ico,.pcard:focus-visible .pcard-ico{background:rgba(255,255,255,0.18);color:#fff} .pcard:hover .pill,.pcard:focus-visible .pill,.pcard:hover .pill-core,.pcard:focus-visible .pill-core,.pcard:hover .pill-eco,.pcard:focus-visible .pill-eco{background:rgba(255,255,255,0.18);color:#fff} .pcard:hover .pcard-arrow,.pcard:focus-visible .pcard-arrow{background:#fff;color:var(--brand);transform:translateX(3px)} .pcard:hover .pcard-foot,.pcard:focus-visible .pcard-foot{border-top-color:rgba(255,255,255,0.3)} .pcard:hover .pill,.pcard:focus-visible .pill{background:rgba(255,255,255,0.22)} .eco-grid{counter-reset:eco} .eco-grid .ecard:not(.ecard-cta){counter-increment:eco} .eco-grid .ecard-num::before{content:counter(eco,decimal-leading-zero)} .ecard{display:flex;flex-direction:column;padding:26px 26px 22px;min-height:196px;border-radius:20px} .ecard-num{margin-bottom:14px;font-size:12px;font-weight:700;letter-spacing:0.14em;line-height:1;color:var(--brand);font-variant-numeric:tabular-nums} .ecard h4{padding-right:0;font-size:19px;letter-spacing:-0.01em} .ecard p{flex:1;margin-top:9px;font-size:13.8px} .ecard-go{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:13px;font-weight:600;color:var(--brand-dark)} .ecard-arrow{position:static;top:auto;right:auto;transform:none;font-size:13px} .ecard:hover,.ecard:focus-visible{background:var(--brand);border-color:var(--brand);box-shadow:0 22px 44px -20px rgba(66,99,242,0.5);transform:translateY(-4px)} .ecard:hover h4,.ecard:focus-visible h4,.ecard:hover .ecard-go,.ecard:focus-visible .ecard-go{color:#fff} .ecard:hover p,.ecard:focus-visible p{color:rgba(255,255,255,0.88)} .ecard:hover .ecard-num,.ecard:focus-visible .ecard-num{color:rgba(255,255,255,0.7)} .ecard:hover .ecard-arrow,.ecard:focus-visible .ecard-arrow{color:#fff;transform:translateX(3px)} .ecard-cta{border-style:dashed;background:#fbfcff} .ccard::after{transition:opacity 0.24s ease} .ccard:hover,.ccard:focus-visible{background:var(--brand);border-color:var(--brand);box-shadow:0 24px 48px -20px rgba(66,99,242,0.5);transform:translateY(-4px)} .ccard:hover::after,.ccard:focus-visible::after{opacity:0} .ccard:hover h3,.ccard:focus-visible h3,.ccard:hover .ccard-price,.ccard:focus-visible .ccard-price,.ccard:hover .ccard-more,.ccard:focus-visible .ccard-more{color:#fff} .ccard:hover p,.ccard:focus-visible p{color:rgba(255,255,255,0.88)} .ccard:hover .ccard-mode,.ccard:focus-visible .ccard-mode{background:rgba(255,255,255,0.18);color:#fff} @media (prefers-reduced-motion:reduce){.pcard:hover,.ecard:hover,.ccard:hover,.pcard:focus-visible,.ecard:focus-visible,.ccard:focus-visible{transform:none}} .note-origin{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:30px;padding:18px 22px;background:var(--paper-2);border:1px solid var(--line);border-radius:16px} .note-origin-t b{display:block;font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-0.01em} .note-origin-t span{display:block;margin-top:4px;font-size:12.5px;color:var(--muted)} .note-origin-btn{flex:none;display:inline-flex;align-items:center;gap:6px;padding:11px 20px;border-radius:999px;background:var(--brand);color:#fff;font-size:13.5px;font-weight:600;white-space:nowrap;transition:background 0.2s ease,transform 0.2s ease} .note-origin-btn:hover{background:var(--brand-dark);color:#fff;transform:translateX(2px)} @media (max-width:640px){.note-origin{flex-direction:column;align-items:stretch;gap:14px;padding:18px} .note-origin-btn{justify-content:center}} .nrel-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px} @media (min-width:900px){.nrel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}} .nrel{display:flex;align-items:center;gap:14px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px;transition:border-color 0.2s ease,background-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease} .nrel:hover,.nrel:focus-visible{border-color:#cfe0ff;background:#f8faff;box-shadow:var(--shadow-sm);transform:translateY(-2px)} .nrel-img{flex:none;width:150px;aspect-ratio:2.36 / 1;border-radius:10px;overflow:hidden;background:var(--paper-2)} .nrel-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease} .nrel:hover .nrel-img img{transform:scale(1.04)} .nrel-noimg{display:grid;place-items:center;width:100%;height:100%;padding:6px;font-size:11.5px;line-height:1.4;text-align:center;color:var(--brand-dark);background:var(--brand-soft)} .nrel-body{flex:1;min-width:0} .nrel-tag{display:inline-block;margin-bottom:5px;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:0.03em;color:var(--brand-dark);background:var(--brand-soft)} .nrel-body h3{margin:0;font-size:15px;font-weight:700;line-height:1.45;letter-spacing:-0.01em;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.2s ease} .nrel:hover .nrel-body h3,.nrel:focus-visible .nrel-body h3{color:var(--brand-dark)} .nrel-meta{margin-top:6px;font-size:12px;color:var(--muted)} @media (max-width:480px){.nrel{gap:12px;padding:10px} .nrel-img{width:112px} .nrel-body h3{font-size:14.5px}} .nrel-all{justify-content:center;gap:8px;border-style:dashed;background:#fbfcff;color:var(--brand-dark);font-size:13.5px;font-weight:600} .nrel-all .nrel-all-arrow{transition:transform 0.2s ease} .nrel-all:hover .nrel-all-arrow{transform:translateX(3px)} .tl-map{position:relative;margin-top:14px} .tl-node{position:relative;padding:0 0 44px 104px} .tl-node:last-child{padding-bottom:0} .tl-node::before{content:"";position:absolute;left:77px;top:5px;z-index:1;width:14px;height:14px;border-radius:50%;background:var(--brand);border:3px solid #fff;box-shadow:0 0 0 1px rgba(66,99,242,0.28)} .tl-node::after{content:"";position:absolute;left:84px;top:26px;bottom:0;width:2px;border-radius:2px;background:rgba(66,99,242,0.22)} .tl-node:last-child::after{display:none} .tl-year{position:absolute;left:0;top:0;width:60px;text-align:right;font-size:19px;font-weight:800;line-height:1.4;letter-spacing:-0.02em;color:var(--brand);font-variant-numeric:tabular-nums} .tl-org{font-size:12.5px;font-weight:600;letter-spacing:0.04em;color:var(--muted)} .tl-node-body h3{margin-top:5px;font-size:21px;font-weight:700;line-height:1.35;letter-spacing:-0.02em;color:var(--ink)} .tl-node-body p{max-width:780px;margin-top:10px;font-size:14.6px;line-height:1.85;color:var(--ink-2)} .tl-note{max-width:720px;margin-top:12px !important;padding:12px 16px;border-radius:10px;background:var(--brand-soft);color:var(--brand-dark) !important;font-size:13.8px !important;font-weight:600;line-height:1.7} .tl-stats{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none} .tl-stats li{padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12.5px;font-weight:600;color:var(--brand-dark)} .tl-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:860px;margin-top:18px} .tl-shots.n1{grid-template-columns:minmax(0,1fr);max-width:600px} .tl-shots.n2{grid-template-columns:repeat(2,minmax(0,1fr))} .tl-shots.n4{grid-template-columns:repeat(2,minmax(0,1fr))} .tl-shots figure{margin:0;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;background:var(--paper-2)} .tl-shots img{display:block;width:100%;height:100%;object-fit:cover} .era-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .era-card{display:flex;flex-direction:column;gap:8px;padding:24px 22px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm);transition:transform 0.2s ease,box-shadow 0.2s ease} .era-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)} .era-year{font-size:12.5px;font-weight:700;letter-spacing:0.1em;color:var(--brand)} .era-card h3{font-size:17px;font-weight:700;letter-spacing:-0.01em;color:var(--ink)} .era-card p{font-size:13.6px;line-height:1.75;color:var(--ink-2)} .era-judge{color:var(--brand-dark) !important} .era-got{margin-top:auto;padding-top:12px;border-top:1px dashed var(--line);color:var(--ink) !important;font-weight:600} .rule-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none} .rule-item{display:flex;gap:16px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:16px} .rule-no{flex:none;font-size:15px;font-weight:800;color:var(--brand);font-variant-numeric:tabular-nums} .rule-item b{font-size:15.5px;color:var(--ink)} .rule-item p{margin-top:6px;font-size:13.6px;line-height:1.75;color:var(--ink-2)} .content-note{margin-top:8px;padding:22px 24px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:14px} .content-note p{font-size:14px;line-height:1.8;color:var(--ink-2)} .content-note p + p{margin-top:10px} .proof-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px} .proof-shot{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 10px 28px rgba(14,26,51,0.07)} .proof-shot img{display:block;width:100%;height:250px;object-fit:contain;background:var(--paper-2)} .proof-shot figcaption{padding:10px 14px;font-size:12.5px;font-weight:600;color:var(--ink-2)} @media (max-width:760px){.proof-row{grid-template-columns:1fr} .proof-shot img{height:240px}} .about-h2{margin:6px 0 18px;font-size:30px;font-weight:700;letter-spacing:-0.03em;line-height:1.25;color:var(--ink)} .narrow p{margin-top:14px;font-size:15px;line-height:1.9;color:var(--ink-2)} .about-grid-3{grid-template-columns:repeat(3,1fr);margin-top:28px} @media (max-width:999px){.era-grid{grid-template-columns:minmax(0,1fr)} .rule-list{grid-template-columns:minmax(0,1fr)} .about-grid-3{grid-template-columns:repeat(2,1fr)} .about-h2{font-size:24px}} @media (max-width:760px){.tl-node{padding-left:44px;padding-bottom:36px} .tl-year{position:static;display:block;width:auto;margin-bottom:4px;text-align:left;font-size:15px} .tl-node::before{left:5px;top:5px;width:10px;height:10px;border-width:2px} .tl-node::after{left:10px;top:20px} .tl-node-body h3{font-size:18px} .tl-node-body p{font-size:14px} .tl-shots{grid-template-columns:repeat(2,minmax(0,1fr))} .tl-shots.n1{grid-template-columns:minmax(0,1fr)}} .chain-label{margin:30px 0 12px;font-size:13.5px;font-weight:600;color:var(--ink-2)} .chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .chain-step{position:relative;padding:18px 18px 16px;background:var(--brand-soft);border:1px solid transparent;border-radius:14px} .chain-step::after{content:"→";position:absolute;right:-13px;top:50%;transform:translateY(-50%);z-index:1;font-size:13px;color:var(--brand)} .chain-step:last-child::after{display:none} .chain-step b{display:block;font-size:14.5px;font-weight:700;color:var(--brand-dark)} .chain-step span{display:block;margin-top:6px;font-size:12.8px;line-height:1.65;color:var(--ink-2)} @media (max-width:860px){.chain{grid-template-columns:repeat(2,minmax(0,1fr))} .chain-step::after{display:none}} .cp-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px} .cp-stats>div{min-width:86px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.16)} .cp-stats b{display:block;font-size:20px;font-weight:800;line-height:1.2;color:#fff;letter-spacing:-0.02em} .cp-stats span{display:block;margin-top:2px;font-size:12px;color:rgba(255,255,255,0.72)} .cp-pains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .cp-pain{padding:24px 22px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm)} .cp-pain-no{display:block;margin-bottom:10px;font-size:12.5px;font-weight:800;letter-spacing:0.1em;color:var(--brand)} .cp-pain b{display:block;font-size:18px;color:var(--ink);letter-spacing:-0.01em} .cp-pain p{margin-top:8px;font-size:13.8px;line-height:1.78;color:var(--ink-2)} .cp-reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .cp-reason{padding:22px;background:#fff;border:1px solid var(--line);border-radius:16px} .cp-reason-no{font-size:15px;color:var(--brand)} .cp-reason b{margin-left:6px;font-size:15.5px;color:var(--ink)} .cp-reason p{margin-top:8px;font-size:13.6px;line-height:1.75;color:var(--ink-2)} .cp-caps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px} .cp-cap{padding:16px 18px;background:rgba(66,99,242,0.06);border:1px solid rgba(66,99,242,0.12);border-radius:14px} .cp-cap b{display:block;font-size:14.5px;color:var(--brand-dark)} .cp-cap span{display:block;margin-top:6px;font-size:13px;line-height:1.7;color:var(--ink-2)} .people-marquee{overflow:hidden;margin:8px 0 22px;padding:6px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)} .pm-row{display:flex;gap:14px;width:max-content;animation:pm-scroll 46s linear infinite} .people-marquee:hover .pm-row{animation-play-state:paused} @keyframes pm-scroll{from{transform:translateX(0)} to{transform:translateX(-50%)}} .pm-item{width:62px;height:62px;border-radius:50%;overflow:hidden;flex:none;background:var(--brand-soft);display:grid;place-items:center;border:2.5px solid #fff;box-shadow:0 6px 18px rgba(14,26,51,0.12)} .pm-item img{width:100%;height:100%;object-fit:cover} .pm-item i{font-style:normal;font-size:21px;font-weight:700;color:var(--brand-700)} .pm-tag{display:inline-flex;align-items:center;height:62px;padding:0 22px;border-radius:100px;background:#fff;border:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;flex:none;box-shadow:0 6px 18px rgba(14,26,51,0.08)} .pm-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;text-align:center} .pm-cta span{font-size:13.5px;color:var(--muted)} @media (prefers-reduced-motion:reduce){.pm-row{animation:none;flex-wrap:wrap;width:auto;justify-content:center;max-width:920px;margin:0 auto;padding:0 12px} .people-marquee{-webkit-mask-image:none;mask-image:none}} .case-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px} .cf-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:100px;border:1px solid var(--line);background:#fff;color:var(--ink-2);font-size:13.5px;font-weight:600;text-decoration:none;transition:background 0.15s,color 0.15s,border-color 0.15s} .cf-chip i{font-style:normal;font-size:11.5px;color:var(--muted)} .cf-chip:hover{border-color:var(--brand);color:var(--brand)} .cf-chip.is-on{background:var(--brand);border-color:var(--brand);color:#fff} .cf-chip.is-on i{color:rgba(255,255,255,0.8)} .case-av{flex:none;width:24px;height:24px;border-radius:50%;overflow:hidden;background:var(--brand-soft);display:inline-flex;align-items:center;justify-content:center} .case-av img{width:100%;height:100%;object-fit:cover} .case-av i{font-style:normal;font-size:11px;font-weight:700;color:var(--brand-700)} .case-who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .case-co{font-size:12px;color:var(--ink-2);opacity:0.85} .person-cases{list-style:none;margin:0;padding:0} .person-case-item{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)} .person-case-item:last-child{border-bottom:0;padding-bottom:0} .pcase-main{flex:1;min-width:0} .pcase-name{display:inline-block;font-weight:700;font-size:15px;color:var(--ink);text-decoration:none;margin-bottom:3px} .pcase-name:hover{color:var(--brand);text-decoration:underline} .pcase-desc{margin:6px 0 0;font-size:13.5px;line-height:1.7;color:var(--ink-2)} .me-case-acts{display:flex;gap:8px;margin-top:8px} .case-form{display:block;max-width:640px;margin:0 auto} .case-form .f{display:block;margin-bottom:16px} .case-form .f>span{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--ink-2)} .case-form .f>span em{color:var(--brand);font-style:normal} .case-form input,.case-form textarea,.case-form select{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:14.5px;background:var(--paper);box-sizing:border-box} .case-form textarea{resize:vertical;min-height:84px} .case-form input:focus,.case-form textarea:focus,.case-form select:focus{outline:none;border-color:var(--brand);background:#fff} .case-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px} .case-form .btn-block{width:100%;margin-top:6px} .case-form .form-hint{margin:12px 0 0;font-size:12.5px;color:var(--ink-2);text-align:center} @media (max-width:640px){.case-form .row2{grid-template-columns:1fr;gap:0}} .case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .case-card{display:flex;flex-direction:column;gap:10px;padding:22px 22px 18px;background:#fff;border:1px solid var(--line);border-radius:16px;transition:transform 0.24s ease,box-shadow 0.24s ease,border-color 0.24s ease,background-color 0.24s ease} .case-card:hover{background:var(--brand);border-color:var(--brand);box-shadow:0 24px 48px -20px rgba(66,99,242,0.55);transform:translateY(-5px)} .case-card:hover h3,.case-card:hover .case-desc,.case-card:hover .case-cat,.case-card:hover .case-author,.case-card:hover .case-co{color:#fff} .case-card:hover .case-co{opacity:0.85} .case-card:hover .case-av{background:rgba(255,255,255,0.25)} .case-card:hover .case-av i{color:#fff} .case-card:hover .case-desc{color:rgba(255,255,255,0.88)} .case-card:hover .case-tags span{background:rgba(255,255,255,0.18);color:#fff} .case-card:hover .case-link{color:#fff} .case-card:hover .pill-core,.case-card:hover .pill-eco,.case-card:hover .pill{background:rgba(255,255,255,0.22);color:#fff} .case-top{display:flex;align-items:center;gap:10px} .case-cover{margin:-22px -22px 4px;aspect-ratio:16 / 10;border-radius:15px 15px 0 0;overflow:hidden;background:var(--paper-2)} .case-cover img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block} .case-cover.is-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(140deg,#eff4ff,#dde7f9)} .cc-mock{width:62%;aspect-ratio:16 / 10;background:rgba(255,255,255,0.72);border-radius:7px;padding:8px 10px 10px;box-shadow:0 8px 20px rgba(66,99,242,0.1);display:flex;flex-direction:column;gap:5px} .cc-dots{display:flex;gap:3px;margin-bottom:2px} .cc-dots i{width:4px;height:4px;border-radius:50%;background:#c9d5ea} .cc-line{height:4px;border-radius:2px;background:#dde4f2} .cc-line.w80{width:82%} .cc-line.w70{width:70%} .cc-line.w55{width:55%} .case-cover.is-empty em{font-style:normal;font-size:11.5px;color:#8fa0bf;letter-spacing:0.02em;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .case-card:hover .case-cover.is-empty{background:rgba(255,255,255,0.14)} .case-card:hover .cc-mock{background:rgba(255,255,255,0.28);box-shadow:none} .case-card:hover .cc-dots i,.case-card:hover .cc-line{background:rgba(255,255,255,0.55)} .case-card:hover .case-cover.is-empty em{color:rgba(255,255,255,0.8)} .cover-box{margin-top:2px;border:1px dashed var(--line);border-radius:12px;background:var(--paper-2);aspect-ratio:16 / 10;max-width:420px;display:flex;align-items:center;justify-content:center;overflow:hidden} .cover-box.has-img{border-style:solid;background:#fff} .cover-box img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block} .cover-empty{text-align:center;padding:0 20px} .cover-empty b{display:block;font-size:13.5px;color:var(--ink-2);margin-bottom:4px} .cover-empty span{font-size:12px;color:var(--muted);line-height:1.6} .cover-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px} .f-tip{display:block;margin-top:6px;font-size:12px;font-style:normal;color:var(--muted);line-height:1.6} .cover-box img[hidden],.cover-acts button[hidden],.cover-empty[hidden]{display:none} .cover-none{font-size:13px;color:var(--muted);background:var(--paper-2);border-radius:10px;padding:14px 16px;max-width:420px} .case-cat{font-size:12px;color:var(--muted);letter-spacing:0.03em} .case-card h3{font-size:17.5px;line-height:1.5;letter-spacing:-0.01em;color:var(--ink)} .case-tags{display:flex;flex-wrap:wrap;gap:6px} .case-tags span{padding:2px 10px;border-radius:100px;background:var(--paper-2);font-size:11.5px;color:var(--muted)} .case-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--line)} .case-card:hover .case-foot{border-top-color:rgba(255,255,255,0.3)} .case-author{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);text-decoration:none;min-width:0} a.case-author:hover{text-decoration:underline} .case-link{font-size:13px;font-weight:700;color:var(--brand);text-decoration:none;white-space:nowrap} @media (max-width:900px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:600px){.case-grid{grid-template-columns:1fr}} .share-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:100px;border:1px solid var(--line);background:#fff;color:var(--ink-2);font-size:14px;font-weight:600;cursor:pointer;transition:border-color 0.15s,color 0.15s,background 0.15s} .share-btn:hover{border-color:var(--brand);color:var(--brand);background:rgba(66,99,242,0.05)} .note-meta .share-btn{padding:5px 12px;font-size:12px} .share-btn svg{flex:none} .share-toast{position:fixed;left:50%;bottom:34px;transform:translateX(-50%) translateY(16px);padding:11px 22px;border-radius:100px;background:var(--ink);color:#fff;font-size:13.5px;font-weight:600;box-shadow:0 14px 36px rgba(14,26,51,0.32);opacity:0;pointer-events:none;transition:opacity 0.22s,transform 0.22s;z-index:300} .share-toast.is-on{opacity:1;transform:translateX(-50%) translateY(0)} .office-strip{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--brand-soft) transparent;cursor:grab} .office-strip:active{cursor:grabbing} .office-strip::-webkit-scrollbar{height:6px} .office-strip::-webkit-scrollbar-thumb{background:var(--brand-soft);border-radius:100px} .office-shot{margin:0;flex:0 0 min(72vw,340px);scroll-snap-align:start;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 10px 28px rgba(14,26,51,0.07)} .office-shot img{display:block;width:100%;height:230px;object-fit:cover;background:var(--paper-2)} .office-shot figcaption{display:flex;align-items:center;gap:10px;padding:11px 14px;font-size:12.8px;color:var(--ink-2)} .office-shot figcaption b{font-size:11px;font-weight:700;color:var(--brand-700);letter-spacing:0.05em} .contact-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .contact-card{padding:22px 20px;background:#fff;border:1px solid var(--line);border-radius:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px} .cc-label{font-size:11.5px;font-weight:700;letter-spacing:0.08em;color:var(--brand-700)} .cc-big{font-size:22px;font-weight:800;letter-spacing:-0.01em;color:var(--ink);text-decoration:none} .cc-big:hover{color:var(--brand)} .cc-qr{width:132px;height:132px;object-fit:contain;border-radius:10px;border:1px solid var(--line);background:#fff} .cc-addr{margin:0;font-size:14.5px;font-weight:600;line-height:1.75;color:var(--ink)} .cc-note{margin:0;font-size:12.3px;line-height:1.7;color:var(--muted)} @media (max-width:900px){.contact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:520px){.contact-cards{grid-template-columns:1fr} .office-shot{flex-basis:82vw}} .cp-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .cp-tool{position:relative;padding:26px 26px 22px;background:#fff;border:1px solid rgba(66,99,242,0.22);border-radius:18px;box-shadow:0 16px 40px rgba(66,99,242,0.10)} .cp-tool-tag{display:inline-block;padding:4px 12px;border-radius:100px;background:var(--brand);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:0.04em} .cp-tool-name{display:block;margin-top:12px;font-size:21px;letter-spacing:-0.02em;color:var(--ink)} .cp-tool-lead{margin:8px 0 0;font-size:14px;font-weight:600;line-height:1.75;color:var(--brand-dark)} .cp-tool-points{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px} .cp-tool-points li{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:baseline;padding-top:10px;border-top:1px dashed var(--line)} .cp-tool-points li b{font-size:13px;color:var(--brand-dark)} .cp-tool-points li span{font-size:13px;line-height:1.7;color:var(--ink-2)} .cp-tool-combo{margin-top:18px;padding:18px 22px;border-radius:14px;background:var(--brand);color:#fff;font-size:15px;font-weight:600;line-height:1.85;text-align:center;box-shadow:0 14px 34px rgba(66,99,242,0.28)} @media (max-width:760px){.cp-tools{grid-template-columns:1fr} .cp-tool-points li{grid-template-columns:1fr;gap:2px}} .cp-mods{margin:0;padding:0;list-style:none;display:grid;gap:10px} .cp-mod{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:18px;align-items:start;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:14px;transition:border-color 0.2s ease,box-shadow 0.2s ease} .cp-mod:hover{border-color:#cfe0ff;box-shadow:var(--shadow-sm)} .cp-mod-no{font-size:15px;font-weight:800;color:var(--brand);font-variant-numeric:tabular-nums;line-height:1.5} .cp-mod-body b{font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-0.01em} .cp-mod-body p{margin-top:6px;font-size:13.6px;line-height:1.75;color:var(--ink-2)} .cp-mod-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;white-space:nowrap} .cp-mod-meta-t{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums} .cp-mod-tag{padding:2px 9px;border-radius:6px;font-size:11.5px;font-weight:600;color:var(--ink-2);background:var(--paper-2)} .cp-mod-tag.is-hot{color:var(--brand-dark);background:var(--brand-soft)} .cp-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .cp-day{padding:24px;background:#fff;border:1px solid var(--line);border-radius:18px} .cp-day-tag{display:inline-block;padding:3px 10px;border-radius:6px;background:var(--brand-soft);color:var(--brand-dark);font-size:12px;font-weight:700;letter-spacing:0.04em} .cp-day b{display:block;margin-top:12px;font-size:19px;color:var(--ink)} .cp-day p{margin-top:8px;font-size:13.8px;line-height:1.78;color:var(--ink-2)} .cp-outs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none} .cp-outs li{position:relative;padding:16px 18px 16px 46px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:14px;line-height:1.7;color:var(--ink)} .cp-outs li::before{content:"✓";position:absolute;left:18px;top:15px;color:var(--brand);font-weight:800} .cp-compare{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff} .cp-compare table{width:100%;min-width:560px;border-collapse:collapse;font-size:13.8px} .cp-compare th,.cp-compare td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);color:var(--ink-2)} .cp-compare th{font-size:12.5px;font-weight:700;letter-spacing:0.03em;color:var(--muted);background:var(--paper-2)} .cp-compare tr:last-child td{border-bottom:0} .cp-compare .is-mine{color:var(--brand-dark);font-weight:600;background:rgba(66,99,242,0.05)} .cp-quote{margin-top:18px;padding:16px 20px;border-left:3px solid var(--brand);background:rgba(255,255,255,0.7);border-radius:0 12px 12px 0;font-size:14.5px;line-height:1.8;color:var(--ink-2)} .cp-price{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr);gap:32px;align-items:center;padding:32px;background:var(--paper-2);border-radius:22px} .cp-price h2{font-size:24px;font-weight:700;letter-spacing:-0.02em;color:var(--ink)} .cp-price p{margin-top:12px;font-size:14.2px;line-height:1.85;color:var(--ink-2)} .cp-calc{padding:22px;background:#fff;border:1px solid var(--line);border-radius:16px} .cp-calc-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:7px 0;font-size:14px;color:var(--ink-2)} .cp-calc-row b{font-size:16px;color:var(--ink);font-variant-numeric:tabular-nums} .cp-calc-row.is-sum{margin-top:6px;padding-top:12px;border-top:1px dashed var(--line)} .cp-calc-row.is-sum b{font-size:26px;color:var(--brand);letter-spacing:-0.02em} .cp-buy{display:flex;justify-content:center;margin-top:16px} .cp-price-note{display:block;margin-top:10px;font-size:12.5px;text-align:center;color:var(--muted)} @media (max-width:999px){.cp-pains,.cp-reasons,.cp-caps,.cp-outs{grid-template-columns:repeat(2,minmax(0,1fr))} .cp-price{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px}} @media (max-width:700px){.cp-pains,.cp-reasons,.cp-caps,.cp-outs,.cp-days{grid-template-columns:minmax(0,1fr)} .cp-mod{grid-template-columns:40px minmax(0,1fr);gap:12px} .cp-mod-meta{grid-column:2;flex-direction:row;align-items:center;justify-content:flex-start}} .cp-extra p{margin-top:14px;font-size:15px;line-height:1.9;color:var(--ink-2)} .cp-outs li:last-child:nth-child(odd){grid-column:1 / -1} .upload-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px} .upload-bar select{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-size:14px;color:var(--ink)} .file-btn{cursor:pointer;display:inline-flex;align-items:center} .upload-hint{font-size:13px;color:var(--muted)} .upload-list{margin-top:12px;display:flex;flex-direction:column;gap:4px} .up-row{display:flex;gap:10px;font-size:13px;color:var(--ink-2);padding:6px 0;border-bottom:1px dashed var(--line)} .up-row.is-done .up-state{color:var(--brand)} .up-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .learn-head{padding:26px 0 14px;border-bottom:1px solid var(--line);background:var(--brand-soft)} .learn-title{font-size:24px;margin:10px 0 6px;color:var(--ink)} .learn-sub{font-size:14px;color:var(--muted);margin:0} .learn-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start} .learn-tip{background:var(--brand-soft);border:1px solid var(--line);border-radius:10px;padding:12px 16px;font-size:13.5px;color:var(--ink-2);margin:0 0 16px} .player-wrap{background:#0b1220;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px rgba(10,26,61,0.18)} .player-wrap video{display:block;width:100%;aspect-ratio:16 / 9;background:#000} .player-lock{border:1px dashed var(--line);border-radius:14px;padding:56px 24px;text-align:center;background:#fff} .player-lock .pl-icon{font-size:30px} .player-lock h3{margin:12px 0 6px;font-size:17px;color:var(--ink)} .player-lock p{margin:0 0 18px;font-size:13.5px;color:var(--muted)} .learn-nav{display:flex;justify-content:space-between;gap:12px;margin-top:18px} .learn-side{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;position:sticky;top:84px} .ls-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:13px;color:var(--muted)} .ls-head strong{font-size:15px;color:var(--ink)} .ls-item{display:flex;gap:10px;align-items:flex-start;padding:10px 8px;border-radius:9px;text-decoration:none;color:var(--ink-2);border-bottom:1px solid #f0f4fb} .ls-item:last-child{border-bottom:0} .ls-item:hover{background:var(--brand-soft)} .ls-item.is-on{background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)} .ls-item.is-locked{opacity:0.72} .ls-idx{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;padding-top:2px;min-width:18px} .ls-main{flex:1;min-width:0} .ls-title{display:block;font-size:13.5px;line-height:1.45} .ls-meta{display:block;font-size:11.5px;color:var(--muted);margin-top:3px} .ls-free{font-style:normal;font-size:10.5px;color:var(--brand);border:1px solid var(--brand);border-radius:4px;padding:0 4px;margin-left:3px;vertical-align:1px} .ls-bar{display:block;height:3px;background:#e9eefb;border-radius:2px;margin-top:6px;overflow:hidden} .ls-bar i{display:block;height:100%;background:var(--brand)} .ls-lock{font-size:12px;opacity:0.55} .ls-empty{font-size:13px;color:var(--muted)} .lesson-list{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff} .lesson-row{display:flex;align-items:center;gap:14px;padding:14px 18px;text-decoration:none;color:var(--ink-2);border-bottom:1px solid #f0f4fb} .lesson-row:last-child{border-bottom:0} .lesson-row:hover{background:var(--brand-soft)} .lr-idx{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums} .lr-main{flex:1;min-width:0} .lr-main b{display:block;font-weight:600;font-size:14.5px;color:var(--ink)} .lr-main em{display:block;font-style:normal;font-size:12.5px;color:var(--muted);margin-top:3px} .lr-dur{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums} .lr-free{font-size:11px;color:var(--brand);border:1px solid var(--brand);border-radius:4px;padding:1px 6px} .lr-lock{font-size:13px;opacity:0.5} @media (max-width:900px){.learn-grid{grid-template-columns:1fr} .learn-side{position:static;order:2}} .tool-strip{display:flex;align-items:center;gap:18px;margin-top:18px;padding:18px 24px;background:#fff;border:1px solid var(--line);border-radius:14px;transition:transform 0.2s ease,border-color 0.2s ease} .tool-strip:hover{transform:translateY(-2px);border-color:#cfd8ea} .tool-strip-tag{flex:none;padding:4px 10px;border-radius:7px;background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:600;line-height:1.6} .tool-strip-body{flex:1;min-width:0} .tool-strip-body h4{margin:0;font-size:16px;color:var(--ink)} .tool-strip-body p{margin:4px 0 0;font-size:14px;line-height:1.7;color:var(--muted)} .tool-strip-go{flex:none;font-size:14px;font-weight:500;color:var(--brand);white-space:nowrap} .tool-strip-go>span{display:inline-block;transition:transform 0.2s ease} .tool-strip-links{flex:none;display:flex;gap:16px;align-items:center} .tool-strip-links a{color:var(--brand);font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap} .tool-strip-links a:hover{text-decoration:underline} .tool-strip:hover .tool-strip-go>span{transform:translateX(4px)} @media (max-width:640px){.tool-strip{flex-wrap:wrap;gap:10px 12px;padding:16px 18px} .tool-strip-body{flex-basis:100%;order:3} .tool-strip-go{order:2;margin-left:auto}} .invite-wrap{padding-top:44px;padding-bottom:60px} .invite-card{max-width:560px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 28px 26px;box-shadow:0 1px 2px rgba(16,24,40,0.04),0 14px 36px rgba(16,24,40,0.06)} .iv-from{display:flex;align-items:center;gap:13px;padding-bottom:18px;border-bottom:1px solid var(--line)} .iv-avatar{flex:none;width:52px;height:52px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e6ecff,#d5e0fb);color:#4263f2;font-size:20px;font-weight:600} .iv-avatar img{width:100%;height:100%;object-fit:cover;display:block} .iv-avatar i{font-style:normal} .iv-who{display:flex;flex-direction:column;gap:2px;min-width:0} .iv-kicker{font-size:12.5px;color:var(--muted);letter-spacing:0.02em} .iv-who b{font-size:17px;color:var(--ink);font-weight:600} .iv-meta{font-size:13px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .invite-card h1{margin:20px 0 10px;font-size:25px;line-height:1.35;letter-spacing:-0.01em;color:var(--ink)} .iv-lead{margin:0 0 20px;font-size:14.5px;line-height:1.8;color:var(--ink-2)} .iv-points{list-style:none;margin:0 0 24px;padding:16px 0 4px;border-top:1px dashed var(--line)} .iv-points li{position:relative;padding-left:24px;margin-bottom:11px;font-size:14px;line-height:1.7;color:var(--ink-2)} .iv-points li::before{content:"";position:absolute;left:4px;top:9px;width:8px;height:8px;border-radius:50%;background:#4263f2;opacity:0.55} .iv-points li b{color:var(--ink);font-weight:600} .iv-cta{margin-bottom:10px} .iv-note{margin:14px 0 0;font-size:12.5px;line-height:1.7;color:var(--muted);text-align:center} .iv-done p{margin:0 0 12px;font-size:14px;color:var(--ink-2)} @media (max-width:560px){.invite-wrap{padding-top:20px} .invite-card{padding:22px 18px 20px;border-radius:14px} .invite-card h1{font-size:21px}} .share-fab{position:fixed;right:20px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:60;display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:0;border-radius:100px;background:#4263f2;color:#fff;font:inherit;font-size:13.5px;font-weight:500;cursor:pointer;box-shadow:0 6px 18px rgba(66,99,242,0.32);transition:transform 0.16s ease,box-shadow 0.16s ease} .share-fab:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(66,99,242,0.38)} .share-fab:active{transform:scale(0.97)} .sp-mask{position:fixed;inset:0;z-index:999;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(10,16,30,0.72);backdrop-filter:blur(3px)} .sp-mask.on{display:flex} .sp-box{position:relative;max-width:94vw;max-height:92vh;display:flex;flex-direction:column;align-items:center;gap:10px} .sp-img{display:block;width:auto;max-width:100%;max-height:82vh;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,0.35)} .sp-tip{margin:0;font-size:13px;color:rgba(255,255,255,0.82);text-align:center} .sp-close{position:absolute;top:-42px;right:-4px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,0.16);color:#fff;font-size:20px;line-height:1;cursor:pointer} .sp-close:hover{background:rgba(255,255,255,0.28)} @media (max-width:600px){.share-fab{right:14px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:44px;height:44px;padding:0;border-radius:50%;justify-content:center;opacity:0.92} .share-fab span{display:none} .sp-close{top:-46px;right:0}} .mi-stats{display:flex;gap:14px;flex-wrap:wrap;margin:14px 0 12px} .mi-cell{flex:1;min-width:140px;display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:#f7f9fe;border:1px solid #e9eefb;border-radius:10px} .mi-cell span{font-size:12.5px;color:var(--muted)} .mi-cell b{font-size:19px;color:var(--ink);letter-spacing:0.04em} .mi-link{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted)} .mi-link code{padding:5px 10px;background:#f2f5fc;border:1px solid #e4eaf7;border-radius:7px;color:#263fb0;font-size:12.5px;word-break:break-all;cursor:pointer} .mi-list{list-style:none;margin:14px 0 0;padding:0;border-top:1px dashed var(--line)} .mi-list li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;font-size:13.5px;border-bottom:1px solid #f4f6fb} .mi-list li:last-child{border-bottom:0} .mi-list b{color:var(--ink);font-weight:500} .mi-list span{color:var(--muted);font-size:12.5px} .sp-hint{position:relative;width:min(90vw,390px);background:#fff;border-radius:18px;padding:32px 28px 26px;text-align:center;box-shadow:0 22px 56px rgba(0,0,0,0.32)} .sp-hint b{display:block;font-size:18px;font-weight:600;color:var(--ink);margin-bottom:12px;line-height:1.5} .sp-hint p{margin:0 0 22px;font-size:14px;line-height:1.85;color:var(--ink-2)} .sp-hint-btn{display:block;padding:13px 16px;border-radius:10px;background:#4263f2;color:#fff;font-size:15px;font-weight:600;text-decoration:none} .sp-hint-btn:hover{background:#3452d9} .sp-hint-x{position:absolute;top:10px;right:12px;width:32px;height:32px;border:0;background:transparent;color:#b3bbc9;font-size:22px;line-height:1;cursor:pointer} .sp-hint-x:hover{color:var(--ink-2)} .res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .res-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform 0.18s ease,box-shadow 0.18s ease,border-color 0.18s ease} .res-card:hover{transform:translateY(-2px);border-color:#cfd9f5;box-shadow:0 10px 28px rgba(16,24,40,0.09)} .res-thumb{position:relative;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f4f6fb,#e8edf8);overflow:hidden} .res-thumb.has-img{background:#f2f4f8} .res-thumb img{width:100%;height:100%;object-fit:cover} .res-thumb-doc{display:flex;flex-direction:column;align-items:center;gap:7px} .res-thumb-ext{font-size:24px;font-weight:700;letter-spacing:0.1em;color:#9aa7c7} .res-thumb-line{font-size:12.5px;color:#aab4c8} .res-owned,.res-price{position:absolute;right:12px;bottom:12px;padding:4px 11px;border-radius:100px;font-size:12.5px;font-weight:600;background:rgba(255,255,255,0.94);color:#1f2f6b;box-shadow:0 2px 8px rgba(16,24,40,0.12)} .res-price.is-free{color:#1f7a4d} .res-owned{background:#4263f2;color:#fff} .res-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1} .res-cat{font-size:12px;color:#4263f2;letter-spacing:0.04em;margin-bottom:6px} .res-body h3{font-size:16.5px;line-height:1.5;margin:0 0 8px;color:var(--ink)} .res-body p{margin:0 0 12px;font-size:13.5px;line-height:1.75;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .res-meta{margin-top:auto;display:flex;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)} .res-empty{text-align:center;padding:60px 20px;background:#fff;border:1px dashed var(--line);border-radius:16px} .res-empty b{display:block;font-size:17px;margin-bottom:8px;color:var(--ink)} .res-empty p{margin:0 0 20px;font-size:14px;color:var(--ink-2)} .res-hero{padding:34px 0 10px;background:linear-gradient(180deg,#f7f9fe,var(--paper));border-bottom:1px solid var(--line)} .res-hero-in{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:40px;align-items:start;padding-bottom:34px} .res-back{display:inline-block;font-size:13px;color:var(--muted);margin-bottom:16px} .res-back:hover{color:#4263f2} .res-hero-main .res-cat{margin-bottom:10px} .res-hero-main h1{font-size:32px;line-height:1.35;letter-spacing:-0.015em;margin:0 0 14px;color:var(--ink)} .res-lead{margin:0 0 16px;font-size:15.5px;line-height:1.8;color:var(--ink-2)} .res-fileinfo{display:flex;gap:8px;flex-wrap:wrap} .res-fileinfo span{padding:3px 10px;border-radius:6px;background:#eef2fd;color:#33459a;font-size:12.5px} .res-buy{position:sticky;top:88px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 20px;box-shadow:0 2px 12px rgba(16,24,40,0.05)} .res-price-big{font-size:30px;font-weight:700;color:var(--ink);letter-spacing:-0.02em;margin-bottom:4px} .res-price-big.is-free{color:#1f7a4d} .res-price-big.is-owned{color:#4263f2;font-size:24px} .res-buy-note{margin:0 0 16px;font-size:13px;line-height:1.7;color:var(--muted)} .res-doc{max-width:790px} .res-text p{margin:0 0 16px;font-size:15.5px;line-height:1.9;color:var(--ink-2)} .res-block{margin-top:38px;padding-top:28px;border-top:1px solid var(--line)} .res-block h2{font-size:19px;margin:0 0 16px;color:var(--ink)} .res-toc{margin:0;padding:0;list-style:none} .res-toc li{position:relative;padding-left:16px;margin-bottom:9px;font-size:14.5px;line-height:1.75;color:var(--ink-2)} .res-toc li::before{content:"";position:absolute;left:2px;top:11px;width:5px;height:5px;border-radius:50%;background:#c8d2e8} .res-toc li.res-toc-part{padding-left:0;margin-top:20px;font-size:15px;font-weight:600;color:var(--ink)} .res-toc li.res-toc-part:first-child{margin-top:0} .res-toc li.res-toc-part::before{content:none} .res-samples{display:flex;flex-direction:column;gap:14px} .res-samples img{width:100%;border:1px solid var(--line);border-radius:10px} .res-samples.is-demo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch} .res-samples.is-demo .res-demo{margin:0;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;background:#0b0f16;display:flex;align-items:center;justify-content:center} .res-samples.is-demo video{display:block;width:100%;height:480px;object-fit:contain;background:#0b0f16} @media (max-width:720px){.res-samples.is-demo{grid-template-columns:1fr} .res-samples.is-demo video{height:380px}} .res-hint{margin:14px 0 0;font-size:13px;color:var(--muted)} .res-locked{background:#f7f9fe;border:1px dashed #c9d5f2;border-radius:14px;padding:24px 22px;text-align:center} .res-locked b{display:block;font-size:16px;color:var(--ink);margin-bottom:6px} .res-locked p{margin:0 0 16px;font-size:13.5px;color:var(--ink-2)} .order-wrap{max-width:560px} .order-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 28px;box-shadow:0 2px 14px rgba(16,24,40,0.05)} .order-state{text-align:center;margin-bottom:24px} .order-badge{display:inline-block;padding:4px 12px;border-radius:100px;font-size:12.5px;background:#eaf7f0;color:#1f7a4d;margin-bottom:12px} .order-badge.is-wait{background:#fdf3e6;color:#9a5a13} .order-state h1{font-size:23px;margin:0 0 8px;color:var(--ink)} .order-state p{margin:0;font-size:14px;line-height:1.8;color:var(--ink-2)} .order-rows{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 0;margin-bottom:20px} .order-row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;font-size:14px} .order-row span{color:var(--muted);flex:none} .order-row b{color:var(--ink);font-weight:500;text-align:right;word-break:break-all} .order-amount{color:#c0392b !important;font-weight:700 !important} .order-no{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;letter-spacing:0.02em} .order-pay{background:#f7f9fe;border-radius:12px;padding:18px} .order-pay>b{display:block;font-size:14.5px;color:var(--ink);margin-bottom:8px} .order-pay p{margin:0 0 12px;font-size:13.5px;line-height:1.8;color:var(--ink-2)} .order-ways{display:flex;flex-direction:column;gap:8px;margin-bottom:12px} .order-way{display:flex;align-items:center;gap:10px;font-size:13.5px} .order-way span{color:var(--muted);flex:none} .order-way code{padding:3px 9px;background:#fff;border:1px solid #e4eaf7;border-radius:6px;color:#263fb0;font-size:13px} @media (max-width:980px){.res-grid{grid-template-columns:repeat(2,1fr)} .res-hero-in{grid-template-columns:1fr;gap:24px} .res-buy{position:static}} @media (max-width:620px){.res-grid{grid-template-columns:1fr;gap:16px} .res-hero-main h1{font-size:24px} .res-card:hover{transform:none}} .res-back-row{margin-bottom:10px} .res-page-title{font-size:26px;margin:0 0 22px;color:var(--ink)} .res-bought{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff} .res-bought-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-bottom:1px solid #f2f4f9} .res-bought-row:last-child{border-bottom:0} .res-bought-main{min-width:0;display:flex;flex-direction:column;gap:3px} .res-bought-main b{font-size:15.5px;color:var(--ink);font-weight:600} .res-bought-main span{font-size:12.5px;color:var(--muted)} .res-bought-acts{display:flex;gap:8px;flex:none} @media (max-width:600px){.res-bought-row{flex-direction:column;align-items:flex-start;gap:12px}} @media (min-width:961px) and (max-width:1140px){.nav{gap:15px;margin-left:4px} .nav-link{font-size:13.5px;white-space:nowrap}} .pay-wrap{max-width:460px} .pay-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 26px 26px;box-shadow:0 2px 16px rgba(16,24,40,0.06);text-align:center} .pay-head{margin-bottom:20px} .pay-label{font-size:13px;color:var(--muted);letter-spacing:0.04em} .pay-amount{font-size:40px;font-weight:700;color:var(--ink);letter-spacing:-0.02em;line-height:1.25;margin:4px 0 6px} .pay-for{font-size:13.5px;color:var(--ink-2);line-height:1.6} .pay-qr{display:inline-flex;align-items:center;justify-content:center;padding:12px;border:1px solid #e7ecf6;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(16,24,40,0.06);min-width:200px;min-height:200px} .pay-qr img{display:block;width:200px;height:200px} .pay-qr.is-empty{color:var(--muted);font-size:13px;border-style:dashed} .pay-tip{margin:14px 0 0;font-size:13px;line-height:1.7;color:var(--ink-2)} .pay-meta{margin-top:20px;padding-top:16px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:8px;font-size:12.5px} .pay-meta>div{display:flex;justify-content:space-between;align-items:center;gap:12px} .pay-meta span{color:var(--muted);flex:none} .pay-meta code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#33459a;background:#f4f7fd;padding:3px 8px;border-radius:6px} .pay-meta b{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums} .pay-state{margin-top:16px;padding:10px;border-radius:10px;background:#f7f9fe;font-size:13px;color:var(--ink-2)} .pay-state.is-ok{background:#eaf7f0;color:#1f7a4d;font-weight:500} .pay-spin{display:inline-block;width:11px;height:11px;margin-right:6px;vertical-align:-1px;border:2px solid #c3cde6;border-top-color:#4263f2;border-radius:50%;animation:payspin 0.8s linear infinite} @keyframes payspin{to{transform:rotate(360deg)}} .res-stats{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:13.5px;color:var(--muted)} .res-stat b{color:#c0392b;font-weight:700;font-size:15px;letter-spacing:-0.01em;margin-right:2px} .res-stats-dot{width:3px;height:3px;border-radius:50%;background:#c8d0dd;display:inline-block} .cpay-wrap{max-width:500px} .cpay-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 26px 24px;box-shadow:0 2px 16px rgba(16,24,40,0.06)} .cpay-head{margin-bottom:20px} .cpay-label{font-size:13px;color:var(--muted);letter-spacing:0.04em;margin-bottom:6px} .cpay-name{font-size:21px;line-height:1.4;margin:0 0 8px;color:var(--ink)} .cpay-when{font-size:13.5px;color:var(--ink-2)} .cpay-rows{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin-bottom:20px} .cpay-row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:7px 0;font-size:14px;color:var(--ink-2)} .cpay-row b{color:var(--ink);font-weight:500} .cpay-row.is-off span,.cpay-row.is-off b{color:#c0392b;font-size:13.5px} .cpay-row.is-total{margin-top:8px;padding-top:14px;border-top:1px dashed var(--line)} .cpay-row.is-total span{font-size:14.5px;color:var(--ink)} .cpay-amount{font-size:30px !important;font-weight:700 !important;color:#c0392b !important;letter-spacing:-0.02em;line-height:1.2} .cpay-inv{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)} .cpay-inv-add{width:100%;text-align:left;padding:10px 12px;border:1px dashed #d5dceb;border-radius:9px;background:#fafbfe;color:#4560c4;font-size:13.5px;cursor:pointer} .cpay-inv-add:hover{border-color:#b9c8ef;background:#f5f8ff} .cpay-inv-done{position:relative;padding:12px 14px;border-radius:9px;background:#f7f9fe;border:1px solid #e8eef9} .cpay-inv-line{display:flex;gap:10px;font-size:13px;line-height:1.9} .cpay-inv-line span{color:var(--muted);flex:none;width:34px} .cpay-inv-line b{color:var(--ink-2);font-weight:500;word-break:break-all} .cpay-inv-edit{position:absolute;right:10px;top:10px;border:0;background:none;color:#4560c4;font-size:12.5px;cursor:pointer;padding:2px 4px} .cpay-inv-form[hidden]{display:none} .cpay-inv-form{margin-top:4px} .cpay-inv-head{font-size:13.5px;color:var(--ink);font-weight:600;margin-bottom:12px} .cpay-inv-head span{font-weight:400;color:var(--muted);font-size:12.5px} .cpay-field{display:block;margin-bottom:12px} .cpay-field>span{display:block;font-size:12.5px;color:var(--ink-2);margin-bottom:6px} .cpay-field input{width:100%;padding:9px 12px;border:1px solid #dde3ef;border-radius:8px;font-size:14px;color:var(--ink);background:#fff;box-sizing:border-box} .cpay-field input:focus{outline:none;border-color:#4263f2;box-shadow:0 0 0 3px rgba(66,99,242,0.1)} .cpay-inv-acts{display:flex;gap:8px;margin-top:14px} @media (max-width:600px){.cpay-card{padding:22px 18px 20px} .cpay-amount{font-size:26px !important}} .cb-was,.ccard-was,.cc-price-was{font-size:0.62em;font-weight:400;color:#9aa5bb;margin-right:7px;text-decoration:line-through} .cb-bulk{display:flex;flex-direction:column;gap:5px;margin:10px 0 2px} .cb-bulk span{font-size:12.5px;line-height:1.6;color:#b45309;background:#fdf7ee;border:1px solid #f6e7cf;border-radius:6px;padding:4px 9px;display:inline-block;align-self:flex-start} .es-was{font-size:15px;font-weight:500;color:#9aa5bb;margin-right:8px;letter-spacing:0;text-decoration:line-through} .es-bulk{display:flex;flex-direction:column;gap:5px;margin:-6px 0 16px} .es-bulk span{font-size:12.5px;line-height:1.6;color:#b45309;background:#fdf7ee;border:1px solid #f6e7cf;border-radius:6px;padding:4px 9px;display:inline-block;align-self:flex-start} .invite-card h1.iv-h1-long{font-size:20px;line-height:1.45;letter-spacing:0} .ah-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start} .ah-track{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;margin:0;padding:0} .ah-node{position:relative;padding:16px 16px 14px;background:#fff;border:1px solid var(--line);border-radius:12px} .ah-node::after{content:'';position:absolute;right:-16px;top:50%;width:16px;height:1px;background:#dfe5f0} .ah-node:last-child::after{content:none} .ah-year{display:block;font-size:12px;letter-spacing:0.06em;color:var(--brand-700);margin-bottom:8px;font-variant-numeric:tabular-nums} .ah-node b{display:block;font-size:14.5px;line-height:1.45;color:var(--ink);margin-bottom:4px} .ah-node em{display:block;font-style:normal;font-size:12.5px;line-height:1.6;color:var(--muted)} .ah-side{border-left:2px solid var(--brand-700);padding-left:18px} .ah-quote{margin:0 0 16px;font-size:14.5px;line-height:1.85;color:var(--ink-2)} @media (max-width:980px){.ah-wrap{grid-template-columns:1fr;gap:24px} .ah-track{grid-template-columns:repeat(2,1fr)} .ah-node::after{content:none}} @media (max-width:560px){.ah-track{grid-template-columns:1fr}} .res-grid-home{grid-template-columns:repeat(3,1fr)} @media (max-width:980px){.res-grid-home{grid-template-columns:repeat(2,1fr)}} @media (max-width:620px){.res-grid-home{grid-template-columns:1fr;gap:16px} .res-grid-home .res-body h3{font-size:17px}} .home-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px} .hg-item{display:block;position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:10px;background:#eef1f7} .hg-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.45s cubic-bezier(0.2,0.7,0.3,1)} .hg-item:hover img{transform:scale(1.05)} @media (max-width:900px){.home-gallery{grid-template-columns:repeat(3,1fr);gap:10px}} @media (max-width:600px){.home-gallery{grid-template-columns:repeat(2,1fr);gap:8px}} .bio-ai-trigger{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-2px 0 16px} .bio-ai-trigger .hint{margin:0;flex:1 1 220px;font-size:13px;line-height:1.6;color:var(--muted)} .bio-ai{margin:14px 0 18px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff} .bio-ai[hidden]{display:none} .bio-ai-head{margin-bottom:12px} .bio-ai-head b{display:block;font-size:15px;color:var(--ink)} .bio-ai-head .hint{display:block;margin:6px 0 0;font-size:13px;line-height:1.6;color:var(--muted)} .bio-ai-versions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px} .bio-ai-ver{padding:6px 12px;font-family:inherit;font-size:13px;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:999px;cursor:pointer} .bio-ai-ver.is-on{color:#fff;background:var(--brand);border-color:var(--brand)} .bio-ai-ver:disabled{opacity:0.5;cursor:default} .bio-ai-miss{margin:4px 0 14px;padding:10px 12px;font-size:13px;line-height:1.6;color:#8a5a1f;background:#fff8ea;border:1px solid #f3e2bd;border-radius:8px} .bio-ai-miss:empty{display:none} .bio-ai-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center} .bio-ai-acts .link-btn{font-family:inherit;font-size:13px;color:var(--muted);background:none;border:0;cursor:pointer} .bio-ai-focus{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px} @media (max-width:600px){.bio-ai{padding:14px} .bio-ai-acts .btn{flex:1 1 auto}}