:root{--product-primary:#409eff;--product-secondary:#92d600;--product-gradient-1:#409eff;--product-gradient-2:#6366f1;--product-accent-light:rgba(64,158,255,.08);--product-accent-soft:rgba(64,158,255,.04);--product-shadow:rgba(64,158,255,.25);--product-icon-bg:#e8f4ff}[data-product=xiaodianzhang]{--product-primary:#f97316;--product-secondary:#fb923c;--product-gradient-1:#f97316;--product-gradient-2:#ef4444;--product-accent-light:rgba(249,115,22,.08);--product-accent-soft:rgba(249,115,22,.04);--product-shadow:rgba(249,115,22,.25);--product-icon-bg:#fff7ed}[data-product=shujibao]{--product-primary:#8b5cf6;--product-secondary:#a78bfa;--product-gradient-1:#8b5cf6;--product-gradient-2:#6366f1;--product-accent-light:rgba(139,92,246,.08);--product-accent-soft:rgba(139,92,246,.04);--product-shadow:rgba(139,92,246,.25);--product-icon-bg:#f5f3ff}[data-product=pdf]{--product-primary:#0ea5e9;--product-secondary:#38bdf8;--product-gradient-1:#0ea5e9;--product-gradient-2:#3b82f6;--product-accent-light:rgba(14,165,233,.08);--product-accent-soft:rgba(14,165,233,.04);--product-shadow:rgba(14,165,233,.25);--product-icon-bg:#f0f9ff}[data-product=business-card]{--product-primary:#14b8a6;--product-secondary:#2dd4bf;--product-gradient-1:#14b8a6;--product-gradient-2:#0ea5e9;--product-accent-light:rgba(20,184,166,.08);--product-accent-soft:rgba(20,184,166,.04);--product-shadow:rgba(20,184,166,.25);--product-icon-bg:#f0fdfa}.tools-hero{align-items:center;background:linear-gradient(135deg,var(--product-accent-soft) 0,#fff 50%,var(--product-accent-light) 100%);display:flex;min-height:100vh;overflow:hidden;padding:160px 0 100px;position:relative}.tools-hero:before{height:600px;right:-20%;top:-50%;width:600px}.tools-hero:after,.tools-hero:before{background:radial-gradient(circle,var(--product-accent-light) 0,transparent 70%);border-radius:50%;content:"";pointer-events:none;position:absolute}.tools-hero:after{bottom:-30%;height:400px;left:-10%;width:400px}.hero-dots{background-size:15px 15px;height:120px;left:5%;opacity:.15;top:15%;width:120px}.hero-dots,.hero-dots-2{background-image:radial-gradient(var(--product-primary) 1.5px,transparent 1.5px);pointer-events:none;position:absolute}.hero-dots-2{background-size:12px 12px;bottom:10%;height:80px;opacity:.1;right:8%;width:80px}.product-badge{align-items:center;background:var(--product-accent-light);border:1px solid color-mix(in srgb,var(--product-primary) 20%,transparent);border-radius:100px;color:var(--product-primary);display:inline-flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:24px;padding:6px 18px;text-transform:uppercase}.product-badge .badge-dot{animation:pulse-dot 2s ease-in-out infinite;background:var(--product-primary);border-radius:50%;height:6px;width:6px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-content{position:relative;z-index:2}.hero-content .product-icon{align-items:center;background:linear-gradient(135deg,var(--product-gradient-1),var(--product-gradient-2));border-radius:22px;box-shadow:0 12px 40px var(--product-shadow);display:flex;height:80px;justify-content:center;margin-bottom:28px;transition:transform .4s ease;width:80px}.hero-content .product-icon:hover{transform:scale(1.05) rotate(-3deg)}.hero-content .product-icon i{color:#fff;font-size:36px}.hero-content h1{color:#1a1a2e;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:16px}.hero-content h1 .highlight{background:linear-gradient(135deg,var(--product-gradient-1),var(--product-gradient-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content .tagline{color:#64748b;font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.7;margin-bottom:36px;max-width:540px}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.btn-download-primary{align-items:center;background:linear-gradient(135deg,var(--product-gradient-1),var(--product-gradient-2));border:none;border-radius:14px;box-shadow:0 8px 30px var(--product-shadow);color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;overflow:hidden;padding:16px 36px;position:relative;text-decoration:none;transition:all .35s cubic-bezier(.25,.46,.45,.94)}.btn-download-primary:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.btn-download-primary:hover{box-shadow:0 12px 40px var(--product-shadow);color:#fff;text-decoration:none;transform:translateY(-3px)}.btn-download-primary:hover:before{left:100%}.btn-download-primary:active{transform:translateY(-1px)}.btn-download-primary i{font-size:20px}.btn-download-secondary{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:14px;color:#1a1a2e;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;padding:16px 36px;text-decoration:none;transition:all .3s ease}.btn-download-secondary:hover{border-color:var(--product-primary);box-shadow:0 8px 24px rgba(0,0,0,.06);color:var(--product-primary);text-decoration:none;transform:translateY(-3px)}.btn-download-secondary i{font-size:20px}.hero-mockup{align-items:center;display:flex;justify-content:center;position:relative;z-index:2}.mockup-frame{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:40px;box-shadow:0 30px 80px rgba(0,0,0,.12),inset 0 0 0 1px hsla(0,0%,100%,.06),0 0 0 2px rgba(0,0,0,.04);height:640px;padding:16px;position:relative;transform:perspective(1000px) rotateY(-8deg) rotateX(4deg);transition:transform .6s cubic-bezier(.25,.46,.45,.94);width:320px}.mockup-frame:hover{transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)}.mockup-screen{align-items:center;background:linear-gradient(145deg,#0f172a,#1e293b);border-radius:28px;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:30px;position:relative;text-align:center;width:100%}.mockup-notch{background:#1a1a2e;border-radius:0 0 16px 16px;height:28px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:120px}.mockup-screen .mockup-icon{align-items:center;background:linear-gradient(135deg,var(--product-gradient-1),var(--product-gradient-2));border-radius:16px;box-shadow:0 8px 24px var(--product-shadow);display:flex;height:60px;justify-content:center;margin-bottom:20px;width:60px}.mockup-screen .mockup-icon i{color:#fff;font-size:28px}.mockup-screen .mockup-name{color:#fff;font-size:22px;font-weight:700;margin-bottom:6px}.mockup-screen .mockup-desc{color:hsla(0,0%,100%,.5);font-size:13px;margin-bottom:24px}.mockup-screen .mockup-btn{background:linear-gradient(135deg,var(--product-gradient-1),var(--product-gradient-2));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 30px}.mockup-particle{border-radius:50%;opacity:.15;pointer-events:none;position:absolute}.mockup-particle:first-child{background:var(--product-gradient-1);height:60px;right:-10%;top:15%;width:60px}.mockup-particle:nth-child(2){background:var(--product-gradient-2);bottom:20%;height:40px;left:-8%;width:40px}.download-section{background:#fff;padding:100px 0;position:relative}.download-section .section-label{align-items:center;color:var(--product-primary);display:inline-flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:2px;margin-bottom:12px;text-transform:uppercase}.download-section .section-label:after,.download-section .section-label:before{background:var(--product-primary);content:"";height:1.5px;opacity:.3;width:24px}.download-section h2{color:#1a1a2e;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;margin-bottom:12px}.download-section .section-desc{color:#64748b;font-size:1.05rem;margin-bottom:50px}.download-card{background:#fff;border:1px solid #f1f5f9;border-radius:24px;box-shadow:0 4px 24px rgba(0,0,0,.04);height:100%;padding:48px 40px;transition:all .35s ease}.download-card:hover{box-shadow:0 8px 48px rgba(0,0,0,.08);transform:translateY(-4px)}.download-card .card-icon{align-items:center;background:var(--product-accent-light);border-radius:14px;display:flex;height:48px;justify-content:center;margin-bottom:20px;width:48px}.download-card .card-icon i{color:var(--product-primary);font-size:22px}.download-card h3{color:#1a1a2e;font-size:18px;font-weight:700;margin-bottom:8px}.download-card p{color:#64748b;font-size:14px;line-height:1.6;margin-bottom:0}.qr-area{align-items:center;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:20px;display:flex;flex-direction:column;padding:32px;transition:all .35s ease}.qr-area:hover{background:var(--product-accent-soft);border-color:var(--product-primary)}.qr-area .qr-code{background:#fff;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.06);height:180px;margin-bottom:16px;padding:12px;width:180px}.qr-area .qr-code img{display:block;height:100%;width:100%}.qr-area .qr-label{color:#94a3b8;font-size:13px;font-weight:500}.platform-download-list{display:flex;flex-direction:column;gap:14px}.platform-btn{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;gap:16px;padding:18px 24px;transition:all .3s ease}.platform-btn,.platform-btn:hover{color:inherit;text-decoration:none}.platform-btn:hover{background:var(--product-accent-soft);border-color:var(--product-primary);transform:translateX(6px)}.platform-btn:active{transform:translateX(3px)}.platform-btn .platform-icon{align-items:center;background:#1a1a2e;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.platform-btn .platform-icon i{color:#fff;font-size:22px}.platform-btn .platform-icon.ios{background:#1a1a2e}.platform-btn .platform-icon.android{background:#4ade80}.platform-btn .platform-icon.windows{background:#3b82f6}.platform-btn .platform-info{flex:1}.platform-btn .platform-info .name{color:#1a1a2e;display:block;font-size:15px;font-weight:700}.platform-btn .platform-info .detail{color:#94a3b8;display:block;font-size:13px;margin-top:2px}.platform-btn .platform-arrow{color:#cbd5e1;font-size:16px;transition:all .3s ease}.platform-btn:hover .platform-arrow{color:var(--product-primary);transform:translateX(4px)}.features-section{background:#f8fafc;padding:100px 0;position:relative}.features-section:before{background:linear-gradient(90deg,transparent,var(--product-accent-light),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.feature-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;height:100%;overflow:hidden;padding:36px 28px;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.feature-card:before{background:linear-gradient(90deg,var(--product-gradient-1),var(--product-gradient-2));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{box-shadow:0 16px 48px rgba(0,0,0,.06);transform:translateY(-8px)}.feature-card .feature-icon{align-items:center;background:linear-gradient(135deg,var(--product-accent-light),var(--product-accent-soft));border-radius:16px;display:flex;height:56px;justify-content:center;margin-bottom:20px;transition:all .35s ease;width:56px}.feature-card:hover .feature-icon{background:linear-gradient(135deg,var(--product-gradient-1),var(--product-gradient-2));transform:scale(1.05)}.feature-card .feature-icon i{color:var(--product-primary);font-size:24px;transition:color .35s ease}.feature-card:hover .feature-icon i{color:#fff}.feature-card h3{color:#1a1a2e;font-size:18px;font-weight:700;margin-bottom:10px}.feature-card p{color:#64748b;font-size:14px;line-height:1.7;margin-bottom:0}.screenshots-section{background:#fff;padding:100px 0}.screenshot-item{border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.06);overflow:hidden;transition:all .4s ease}.screenshot-item:hover{box-shadow:0 16px 48px rgba(0,0,0,.1);transform:translateY(-6px)}.screenshot-item img{display:block;width:100%}.screenshot-item .screenshot-label{background:#fff;color:#1a1a2e;font-size:14px;font-weight:600;padding:16px 20px;text-align:center}.tools-cta{background:linear-gradient(135deg,var(--product-accent-soft),var(--product-accent-light));overflow:hidden;padding:80px 0;position:relative;text-align:center}.tools-cta:before{background:radial-gradient(circle at center,var(--product-accent-light) 0,transparent 50%);content:"";height:200%;left:-50%;opacity:.5;pointer-events:none;position:absolute;top:-50%;width:200%}.tools-cta h2{color:#1a1a2e;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;margin-bottom:12px;position:relative}.tools-cta p{color:#64748b;margin-bottom:32px;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-reverse{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}.float-animation{animation:float 4s ease-in-out infinite}.float-reverse{animation:float-reverse 4s ease-in-out infinite}@media (max-width:1199.98px){.tools-hero{min-height:auto;padding:140px 0 80px}.mockup-frame{border-radius:32px;height:520px;padding:12px;transform:perspective(800px) rotateY(-4deg) rotateX(2deg);width:260px}}@media (max-width:991.98px){.tools-hero{padding:120px 0 60px;text-align:center}.hero-content .product-icon{margin:0 auto 24px}.hero-content .tagline{margin:0 auto 28px}.hero-actions{justify-content:center}.product-badge{margin:0 auto 20px}.mockup-frame{height:480px;margin-top:60px;width:240px}.mockup-frame,.mockup-frame:hover{transform:none}.download-section,.features-section{padding:60px 0}.download-card{padding:32px 24px}.qr-area{padding:24px}.qr-area .qr-code{height:150px;width:150px}}@media (max-width:575.98px){.tools-hero{padding:100px 0 40px}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn-download-primary,.hero-actions .btn-download-secondary{justify-content:center;width:100%}.mockup-frame{border-radius:28px;height:400px;padding:10px;width:200px}.platform-btn{padding:14px 18px}.feature-card{padding:24px 20px}.download-section h2{font-size:1.5rem}}