.site-header{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:var(--z-nav);transition:all var(--transition-normal);background:var(--bg-header);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle)}.site-header.scrolled{background:var(--bg-header-scrolled);border-bottom-color:var(--border-light);box-shadow:0 4px 20px -5px #0f172a14}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.header-brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.brand-logo-img{height:38px;width:auto;object-fit:contain}.brand-text-fallback{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.03em;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-nav{display:flex;align-items:center;gap:var(--space-8)}.nav-link{font-size:.95rem;font-weight:500;color:var(--text-secondary);transition:color var(--transition-fast);position:relative;padding:6px 0}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-brand);border-radius:var(--radius-full);transition:width var(--transition-normal)}.nav-link:hover:after,.nav-link.active:after{width:100%}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.btn-header-wechat{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 16px;border-radius:var(--radius-full);background:#fff;border:1px solid var(--border-light);color:var(--text-primary);font-size:.88rem;font-weight:500;box-shadow:0 1px 3px #0f172a0d;transition:all var(--transition-fast)}.btn-header-wechat:hover{background:#0284c714;border-color:var(--color-cyan);color:var(--color-cyan)}.btn-header-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:var(--radius-full);background:var(--gradient-brand);color:#fff;font-size:.88rem;font-weight:600;box-shadow:0 4px 14px -2px #2563eb59;transition:all var(--transition-normal)}.btn-header-cta:hover{transform:translateY(-1px);box-shadow:0 6px 18px -2px #7c3aed73}.mobile-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--text-primary);background:#fff;border:1px solid var(--border-light);box-shadow:0 1px 3px #0f172a0d}.mobile-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;background:#0f172a80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal);opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.mobile-drawer-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;top:0;right:0;width:min(320px,85vw);height:100vh;height:100dvh;background:#fff!important;border-left:1px solid var(--border-light);box-shadow:-10px 0 40px #0f172a2e;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);transform:translate(100%);transition:transform var(--transition-normal);z-index:calc(var(--z-modal) + 1);overflow-y:auto}.mobile-drawer-overlay.open .mobile-drawer{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.drawer-logo{height:32px;width:auto;object-fit:contain}.btn-close-drawer{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:var(--text-primary);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.btn-close-drawer:hover{background:#e2e8f0;color:var(--color-cyan)}.drawer-nav{display:flex;flex-direction:column;gap:var(--space-2)}.drawer-nav-link{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-md);font-size:1.02rem;font-weight:600;color:var(--text-primary);background:transparent;transition:all var(--transition-fast)}.drawer-nav-link:hover,.drawer-nav-link.active{background:#f8fafc;color:var(--color-primary, #2563eb);padding-left:18px}.drawer-chevron{color:var(--text-muted);transition:transform var(--transition-fast)}.drawer-nav-link:hover .drawer-chevron{color:var(--color-cyan);transform:translate(3px)}.drawer-actions{margin-top:auto;padding-top:var(--space-6);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-3)}.drawer-action-btn{width:100%;justify-content:center;padding:13px;font-size:.92rem}@media(max-width:992px){.header-nav,.header-actions{display:none}.mobile-toggle{display:flex}}.site-footer{position:relative;background:#f1f5f9;border-top:1px solid var(--border-light);overflow:hidden;margin-top:var(--space-16)}.footer-cta-banner{position:relative;padding:var(--space-16) var(--space-6);background:linear-gradient(135deg,#2563eb14,#7c3aed14,#ea580c0d),#fff;border-bottom:1px solid var(--border-light);overflow:hidden}.footer-cta-banner:before{content:"";position:absolute;top:-50%;left:-20%;width:140%;height:200%;background:radial-gradient(circle,rgba(2,132,199,.08) 0%,transparent 60%);filter:blur(80px);pointer-events:none}.footer-cta-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);flex-wrap:wrap}.footer-brand-side{display:flex;flex-direction:column;gap:var(--space-3);max-width:580px}.footer-cta-title{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;line-height:1.25;color:var(--text-primary)}.footer-cta-desc{font-size:1.05rem;color:var(--text-secondary);line-height:1.6}.footer-cta-btn{padding:14px 36px;font-size:1.05rem;border-radius:var(--radius-full);background:var(--gradient-brand);color:#fff;font-weight:700;box-shadow:0 8px 24px -4px #2563eb66;display:inline-flex;align-items:center;gap:10px;transition:all var(--transition-normal)}.footer-cta-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px -4px #7c3aed80}.tech-arsenal-section{padding:var(--space-12) var(--space-6);border-bottom:1px solid var(--border-subtle)}.tech-arsenal-title{text-align:center;font-size:.85rem;font-weight:700;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;margin-bottom:var(--space-6)}.tech-badges-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);max-width:900px;margin:0 auto}.tech-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-md);background:#fff;border:1px solid var(--border-light);color:var(--text-secondary);font-size:.85rem;font-weight:500;box-shadow:0 1px 3px #0f172a0a;transition:all var(--transition-fast)}.tech-badge:hover{background:#f8fafc;border-color:var(--color-cyan);color:var(--color-cyan);transform:translateY(-2px)}.footer-bottom-bar{padding:var(--space-6) var(--space-6);display:flex;align-items:center;justify-content:space-between;font-size:.88rem;color:var(--text-muted);flex-wrap:wrap;gap:var(--space-4)}.footer-bottom-left,.footer-bottom-right{display:flex;align-items:center;gap:var(--space-4)}.btn-back-to-top{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:.85rem;transition:color var(--transition-fast)}.btn-back-to-top:hover{color:var(--color-cyan)}@media(max-width:768px){.footer-cta-inner{flex-direction:column;align-items:flex-start}.footer-bottom-bar{flex-direction:column;align-items:center;text-align:center}}.contact-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .2s ease-out}.contact-modal-container{width:100%;max-width:820px;max-height:92vh;overflow-y:auto;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal),0 0 40px -10px #2563eb1f;position:relative;animation:scaleUp .25s cubic-bezier(.16,1,.3,1)}.modal-close-btn{position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid rgba(203,213,225,.9);box-shadow:0 2px 8px #0f172a14;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:30;transition:all .2s cubic-bezier(.16,1,.3,1);outline:none;padding:0}.modal-close-btn:hover{background:#f8fafc;color:#0f172a;border-color:#94a3b8;transform:rotate(90deg) scale(1.08);box-shadow:0 4px 12px #0f172a1f}.modal-close-btn:active{transform:rotate(90deg) scale(.95)}.contact-modal-grid{display:grid;grid-template-columns:.9fr 1.1fr}.contact-wechat-side{background:#f8fafc;padding:var(--space-8);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4)}.qr-card-wrap{width:200px;height:200px;background:#fff;padding:12px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:0 10px 25px -5px #0f172a14;display:flex;align-items:center;justify-content:center;position:relative}.qr-code-img{width:100%;height:100%;object-fit:contain}.wechat-id-box{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:8px 16px;border-radius:var(--radius-full);background:#fff;border:1px solid var(--border-light);font-family:var(--font-mono);font-size:.95rem;font-weight:600;color:var(--color-cyan);box-shadow:0 1px 3px #0f172a0a;width:100%}.btn-copy-wechat{width:100%;padding:12px;border-radius:var(--radius-full);background:var(--gradient-brand);color:#fff;font-weight:600;font-size:.92rem;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px -2px #2563eb66;transition:all var(--transition-normal)}.btn-copy-wechat:hover{transform:translateY(-2px);box-shadow:0 6px 18px -2px #7c3aed80}.contact-form-side{padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);background:#fff}.form-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);padding-right:36px}.form-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.5}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{width:100%;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);font-size:.9rem;outline:none;font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-cyan);box-shadow:0 0 0 3px #0284c71f}.form-textarea{resize:vertical;min-height:80px}.btn-submit-inquiry{width:100%;border:none;cursor:pointer;padding:12px;border-radius:var(--radius-full);background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:var(--space-2);box-shadow:0 4px 14px -2px #10b98166;transition:all var(--transition-normal)}.btn-submit-inquiry:hover{transform:translateY(-2px);box-shadow:0 6px 18px -2px #10b98180}@media(max-width:768px){.modal-close-btn{top:14px;right:14px;width:34px;height:34px}.contact-modal-grid{grid-template-columns:1fr}.contact-wechat-side{border-right:none;border-bottom:1px solid var(--border-subtle);padding:var(--space-6)}.contact-form-side{padding:var(--space-6)}}.toast-container{position:fixed;bottom:var(--space-8);left:50%;transform:translate(-50%);z-index:var(--z-toast);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.toast-message{pointer-events:auto;display:inline-flex;align-items:center;gap:var(--space-2);padding:12px 24px;border-radius:var(--radius-full);background:#0f172a;border:1px solid rgba(255,255,255,.15);box-shadow:0 15px 35px -5px #0f172a59,0 0 20px -2px #0284c74d;color:#fff;font-size:.92rem;font-weight:600;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:toast-in .3s cubic-bezier(.16,1,.3,1)}@keyframes toast-in{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-section{position:relative;min-height:90vh;padding-top:calc(var(--nav-height) + var(--space-10));padding-bottom:var(--space-16);display:flex;align-items:center;overflow:hidden}.hero-glow-1{position:absolute;top:10%;left:20%;width:500px;height:500px;background:radial-gradient(circle,rgba(2,132,199,.1) 0%,transparent 70%);filter:blur(70px);pointer-events:none;z-index:0;transition:all var(--transition-slow)}.hero-glow-2{position:absolute;top:30%;right:15%;width:550px;height:550px;background:radial-gradient(circle,rgba(124,58,237,.08) 0%,transparent 70%);filter:blur(90px);pointer-events:none;z-index:0;transition:all var(--transition-slow)}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-12);align-items:center}.hero-content{display:flex;flex-direction:column;gap:var(--space-6)}.persona-switcher{display:flex;align-items:center;gap:var(--space-2);padding:6px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-full);box-shadow:0 4px 15px -3px #0f172a0f;width:fit-content;max-width:100%;overflow-x:auto}.persona-tab{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius-full);font-size:.88rem;font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid transparent;transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation}.persona-tab svg,.persona-tab span:not(.persona-tab-progress){position:relative;z-index:1;pointer-events:none}.persona-tab:hover{color:var(--text-primary);background:#0f172a0d}.persona-tab:active{transform:scale(.96)}.persona-tab.active{color:#fff;background:var(--active-gradient, var(--gradient-brand));box-shadow:0 4px 16px -2px #2563eb59;border-color:#ffffff4d;cursor:pointer}.persona-tab-progress{position:absolute;bottom:0;left:0;height:2.5px;width:100%;background:#ffffffd9;transform-origin:left center;animation:tabProgressBar 4s linear infinite;pointer-events:none;z-index:2}.persona-tab-progress.paused,.persona-switcher.paused .persona-tab-progress{animation-play-state:paused}@keyframes tabProgressBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero-role-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:0;animation:heroFadeSlideUp .35s cubic-bezier(.16,1,.3,1);transition:color var(--transition-normal)}.hero-role-eyebrow .eyebrow-icon{display:inline-flex;align-items:center;flex-shrink:0;transition:color var(--transition-normal)}.hero-title{font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;color:var(--text-primary)}.hero-title-highlight{background:var(--active-gradient, var(--gradient-text-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero-title-content{display:inline-block;animation:heroFadeSlideUp .35s cubic-bezier(.16,1,.3,1)}.hero-desc{font-size:1.15rem;line-height:1.7;color:var(--text-secondary);max-width:580px;animation:heroFadeSlideUp .35s cubic-bezier(.16,1,.3,1)}.hero-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);animation:heroFadeSlideUp .35s cubic-bezier(.16,1,.3,1)}.hero-tag-chip{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--radius-full);background:#fff;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.85rem;font-weight:500;box-shadow:0 1px 3px #0f172a0a}.hero-ctas{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-2);flex-wrap:wrap}.hero-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);animation:heroFadeSlideUp .35s cubic-bezier(.16,1,.3,1)}.cap-item{display:flex;flex-direction:column;gap:4px}.cap-title{font-size:.9rem;font-weight:700;color:var(--text-primary)}.cap-desc{font-size:.78rem;line-height:1.5;color:var(--text-muted)}.hero-stage{position:relative;display:flex;justify-content:center;align-items:center}.stage-card{position:relative;width:100%;max-width:440px;aspect-ratio:1 / 1;border-radius:var(--radius-xl);overflow:hidden;background:linear-gradient(145deg,#fff,#f1f5f9);border:1px solid var(--border-light);box-shadow:0 25px 50px -12px #0f172a1f,0 0 35px -10px #2563eb1f;display:flex;align-items:center;justify-content:center}.stage-character-img{width:100%;height:100%;object-fit:cover;animation:heroImgFadeScale .4s cubic-bezier(.16,1,.3,1)}@keyframes heroFadeSlideUp{0%{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes heroImgFadeScale{0%{opacity:.3;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@media(max-width:1024px){.hero-inner{grid-template-columns:1fr;gap:var(--space-8)}.hero-stage{order:-1}.stage-card{max-width:360px}}@media(max-width:640px){.hero-title{font-size:2.2rem}.hero-capabilities{grid-template-columns:1fr;gap:var(--space-3)}.persona-switcher{width:100%;justify-content:flex-start}.persona-tab{padding:6px 12px;font-size:.82rem}}.services-section{position:relative;z-index:1}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-6)}.bento-card{position:relative;border-radius:var(--radius-xl);padding:var(--space-8);background:#fff;border:1px solid rgba(226,232,240,.85);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 6px 24px -4px #0f172a0a;transition:all var(--transition-normal)}.bento-card:hover{border-color:var(--card-accent, rgba(2, 132, 199, .4));transform:translateY(-4px);box-shadow:0 16px 36px -6px #0f172a14}.card-design{grid-column:span 6;--card-accent: rgba(234, 88, 12, .4);--card-glow: rgba(234, 88, 12, .08);--card-glow-hover: rgba(234, 88, 12, .16)}.card-web{grid-column:span 6;--card-accent: rgba(37, 99, 235, .4);--card-glow: rgba(37, 99, 235, .08);--card-glow-hover: rgba(37, 99, 235, .16)}.card-app{grid-column:span 6;--card-accent: rgba(2, 132, 199, .4);--card-glow: rgba(2, 132, 199, .08);--card-glow-hover: rgba(2, 132, 199, .16)}.card-ai{grid-column:span 6;--card-accent: rgba(124, 58, 237, .4);--card-glow: rgba(124, 58, 237, .08);--card-glow-hover: rgba(124, 58, 237, .16)}.bento-card:after{content:"";position:absolute;right:-50px;bottom:-50px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,var(--card-glow, rgba(37, 99, 235, .08)) 0%,transparent 70%);filter:blur(20px);pointer-events:none;opacity:.8;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s ease;z-index:0}.bento-card:hover:after{opacity:1;transform:scale(1.15);background:radial-gradient(circle,var(--card-glow-hover, rgba(37, 99, 235, .16)) 0%,transparent 70%)}.card-header{position:relative;z-index:1;display:flex;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-6)}.card-icon-wrapper{width:68px;height:68px;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}.bento-card:hover .card-icon-wrapper{transform:scale(1.08) rotate(-3deg)}.card-icon-wrapper.theme-orange{background:linear-gradient(135deg,#ea580c24,#fb923c47);border:1.5px solid rgba(234,88,12,.32);box-shadow:0 10px 22px -4px #ea580c4d,inset 0 1px 2px #ffffffe6;color:#ea580c}.card-icon-wrapper.theme-blue{background:linear-gradient(135deg,#2563eb24,#60a5fa47);border:1.5px solid rgba(37,99,235,.32);box-shadow:0 10px 22px -4px #2563eb4d,inset 0 1px 2px #ffffffe6;color:#2563eb}.card-icon-wrapper.theme-cyan{background:linear-gradient(135deg,#0284c724,#38bdf847);border:1.5px solid rgba(2,132,199,.32);box-shadow:0 10px 22px -4px #0284c74d,inset 0 1px 2px #ffffffe6;color:#0284c7}.card-icon-wrapper.theme-purple{background:linear-gradient(135deg,#7c3aed24,#c084fc47);border:1.5px solid rgba(124,58,237,.32);box-shadow:0 10px 22px -4px #7c3aed4d,inset 0 1px 2px #ffffffe6;color:#7c3aed}.card-header-text{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.card-title{font-size:1.35rem;font-weight:800;color:#0f172a;letter-spacing:-.01em;margin:0;line-height:1.3}.card-desc{font-size:.92rem;line-height:1.6;color:#475569;margin:0}.card-body{position:relative;z-index:1}.card-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:var(--space-6)}.card-features li{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:500;color:#334155;line-height:1.45}.feature-check{flex-shrink:0}.icon-orange{color:#ea580c}.icon-blue{color:#2563eb}.icon-cyan{color:#0284c7}.icon-purple{color:#7c3aed}.card-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4);border-top:1px solid rgba(226,232,240,.8)}.btn-card-action{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:700;color:#334155;cursor:pointer;transition:all var(--transition-fast)}.btn-action-orange:hover{color:#ea580c;gap:10px}.btn-action-blue:hover{color:#2563eb;gap:10px}.btn-action-cyan:hover{color:#0284c7;gap:10px}.btn-action-purple:hover{color:#7c3aed;gap:10px}@media(max-width:992px){.card-design,.card-web,.card-app,.card-ai{grid-column:span 12}}@media(max-width:640px){.bento-card{padding:var(--space-6)}.card-header{gap:var(--space-4);margin-bottom:var(--space-5)}.card-icon-wrapper{width:58px;height:58px;border-radius:16px}.card-title{font-size:1.18rem}}.ai-demo-section{position:relative;overflow:hidden;background:linear-gradient(180deg,transparent 0%,rgba(2,132,199,.03) 50%,transparent 100%)}.ai-demo-wrapper{max-width:960px;margin:0 auto;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-modal),0 0 50px -15px #2563eb1f;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:#f8fafc;border-bottom:1px solid var(--border-subtle)}.chat-assistant-info{display:flex;align-items:center;gap:var(--space-3)}.assistant-avatar-wrap{position:relative;width:44px;height:44px}.assistant-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--color-cyan)}.assistant-online-indicator{position:absolute;bottom:0;right:0;width:12px;height:12px;background:#10b981;border:2px solid #ffffff;border-radius:50%}.assistant-name{font-size:1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:6px}.assistant-status{font-size:.78rem;color:var(--text-muted)}.chat-tag-pill{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);background:#0284c714;color:var(--color-cyan);border:1px solid rgba(2,132,199,.2)}.chat-messages-container{padding:var(--space-6);min-height:380px;max-height:500px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4);background:#fff}.message-row{display:flex;gap:var(--space-3);max-width:85%}.message-row.user{margin-left:auto;flex-direction:row-reverse}.message-bubble{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-size:.95rem;line-height:1.65;white-space:pre-line}.message-row.assistant .message-bubble{background:#f1f5f9;border:1px solid var(--border-subtle);color:var(--text-primary);border-top-left-radius:4px}.message-row.user .message-bubble{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border-top-right-radius:4px;box-shadow:0 4px 15px -3px #2563eb59}.typing-cursor{display:inline-block;width:8px;height:16px;background:var(--color-cyan);margin-left:4px;vertical-align:middle;animation:blink .8s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.message-action-btn{margin-top:var(--space-3);display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-full);background:#0284c714;border:1px solid var(--color-cyan);color:var(--color-cyan);font-size:.85rem;font-weight:600;transition:all var(--transition-fast)}.message-action-btn:hover{background:var(--color-cyan);color:#fff}.preset-chips-section{padding:0 var(--space-6) var(--space-4);background:#fff}.preset-title{font-size:.8rem;color:var(--text-muted);margin-bottom:var(--space-2);display:flex;align-items:center;gap:6px}.preset-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip-btn{padding:6px 14px;border-radius:var(--radius-full);background:#fff;border:1px solid var(--border-light);color:var(--text-secondary);font-size:.82rem;box-shadow:0 1px 3px #0f172a08;transition:all var(--transition-fast);text-align:left}.chip-btn:hover{border-color:var(--color-cyan);color:var(--color-cyan);background:#0284c70f}.chat-input-bar{padding:var(--space-4) var(--space-6);background:#fff;border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-3)}.chat-input{flex:1;background:#f8fafc;border:1px solid var(--border-light);border-radius:var(--radius-full);padding:12px 20px;color:var(--text-primary);font-size:.95rem;outline:none;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.chat-input:focus{border-color:var(--color-cyan);background:#fff}.btn-chat-send{width:48px;height:48px;border-radius:50%;background:var(--gradient-brand);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px -2px #2563eb66;transition:transform var(--transition-fast)}.btn-chat-send:hover{transform:scale(1.05)}@media(max-width:640px){.chat-messages-container{padding:var(--space-4);min-height:300px}.message-row{max-width:95%}.chat-input-bar{padding:var(--space-3)}}.portfolio-section{position:relative;z-index:1}.portfolio-filter-container{display:flex;justify-content:center;margin-bottom:var(--space-10);width:100%}.portfolio-filters{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px;background:#f1f5f9;border:1px solid rgba(226,232,240,.9);border-radius:var(--radius-full);box-shadow:inset 0 1px 2px #0f172a0a;flex-wrap:wrap}.filter-btn{padding:8px 20px;border-radius:var(--radius-full);font-size:.88rem;font-weight:600;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:6px}.filter-btn:hover{color:var(--text-primary);background:#ffffffbf}.filter-btn.active{color:#fff;background:var(--gradient-brand);border-color:transparent;box-shadow:0 4px 14px -2px #2563eb59}.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.case-card{border-radius:var(--radius-lg);background:#fff;border:1px solid var(--border-subtle);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.case-card:hover{border-color:var(--border-light);transform:translateY(-6px);box-shadow:var(--shadow-card-hover)}.case-cover-wrap{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:#f1f5f9}.case-cover-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.case-card:hover .case-cover-img{transform:scale(1.06)}.case-category-badge{position:absolute;top:var(--space-3);left:var(--space-3);padding:4px 12px;border-radius:var(--radius-full);background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(15,23,42,.08);font-size:.75rem;font-weight:700;color:var(--color-cyan);box-shadow:0 2px 8px #0f172a0f}.case-trial-ribbon{position:absolute;top:var(--space-3);right:var(--space-3);padding:4px 12px;border-radius:var(--radius-full);background:linear-gradient(135deg,#7c3aed,#0284c7);color:#fff;font-size:.72rem;font-weight:800;box-shadow:0 4px 12px #7c3aed59;letter-spacing:.02em}.case-card-trial-callout{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-md);background:linear-gradient(135deg,#7c3aed12,#0284c717);border:1px solid rgba(124,58,237,.18);margin-bottom:var(--space-3)}.trial-callout-badge{font-size:.72rem;font-weight:800;padding:2px 6px;border-radius:4px;background:#7c3aed;color:#fff;white-space:nowrap}.trial-callout-text{font-size:.78rem;font-weight:600;color:#4338ca;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-card-body{padding:var(--space-5);display:flex;flex-direction:column;flex:1}.case-card-title{font-size:1.2rem;font-weight:700;margin-bottom:var(--space-2);color:var(--text-primary)}.case-card-subtitle{font-size:.88rem;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-4)}.case-tech-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;margin-bottom:var(--space-4)}.tech-tag-mini{font-size:.75rem;padding:2px 8px;border-radius:4px;background:#f1f5f9;border:1px solid var(--border-subtle);color:var(--text-secondary)}.case-card-link{display:flex;align-items:center;gap:6px;font-size:.88rem;font-weight:600;color:var(--color-cyan);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}@media(max-width:1024px){.cases-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.portfolio-filters{border-radius:var(--radius-lg);gap:3px;padding:4px;width:100%}.filter-btn{padding:7px 12px;font-size:.8rem;flex:1 1 calc(50% - 6px);justify-content:center}.cases-grid{grid-template-columns:1fr}}.workflow-section{position:relative;z-index:1}.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);position:relative}.step-card{position:relative;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--border-subtle);padding:var(--space-6);display:flex;flex-direction:column;box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.step-card:hover{border-color:var(--color-cyan);transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.step-number{font-family:var(--font-mono);font-size:2.2rem;font-weight:800;line-height:1;background:var(--gradient-text-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-3)}.step-title{font-size:1.2rem;font-weight:700;margin-bottom:var(--space-3);color:var(--text-primary)}.step-desc{font-size:.9rem;line-height:1.65;color:var(--text-secondary);margin-bottom:var(--space-4)}.step-deliverable{margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--border-subtle);font-size:.8rem;color:var(--color-cyan);display:flex;align-items:center;gap:6px;font-weight:600}@media(max-width:1024px){.workflow-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.workflow-steps{grid-template-columns:1fr}}.comparison-section{position:relative;z-index:1}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);max-width:1040px;margin:0 auto}.comparison-card{border-radius:var(--radius-xl);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6);position:relative}.comparison-card.traditional{background:#fff;border:1px solid var(--border-subtle);box-shadow:var(--shadow-card)}.comparison-card.fonxt{background:linear-gradient(145deg,#fff,#eff6ff);border:1.5px solid rgba(37,99,235,.35);box-shadow:0 20px 40px -10px #2563eb1f,0 0 25px -5px #0284c71f}.comp-header{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.comp-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.comp-title{font-size:1.3rem;font-weight:700;color:var(--text-primary)}.comp-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-4)}.comp-item{display:flex;align-items:flex-start;gap:var(--space-3)}.comp-item svg{flex-shrink:0;margin-top:3px}.comp-item-content strong{display:block;font-size:.95rem;margin-bottom:2px;color:var(--text-primary)}.comp-item-content span{font-size:.85rem;line-height:1.5;color:var(--text-secondary)}@media(max-width:768px){.comparison-grid{grid-template-columns:1fr}}.faq-section{position:relative;z-index:1}.faq-container{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.faq-item{border-radius:var(--radius-lg);background:#fff;border:1px solid var(--border-subtle);overflow:hidden;box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.faq-item.open{border-color:#2563eb59;background:#fff;box-shadow:var(--shadow-card-hover)}.faq-question-btn{width:100%;padding:var(--space-5) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);text-align:left;color:var(--text-primary);font-size:1.05rem;font-weight:600}.faq-q-left{display:flex;align-items:center;gap:var(--space-3)}.faq-category-pill{font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);background:#0284c714;color:var(--color-cyan);border:1px solid rgba(2,132,199,.2);white-space:nowrap}.faq-chevron{color:var(--text-muted);transition:transform var(--transition-normal);flex-shrink:0}.faq-item.open .faq-chevron{transform:rotate(180deg);color:var(--color-cyan)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),padding .3s ease}.faq-item.open .faq-answer{max-height:500px;padding:0 var(--space-6) var(--space-6)}.faq-answer-inner{font-size:.95rem;line-height:1.7;color:var(--text-secondary);white-space:pre-line;border-top:1px solid var(--border-subtle);padding-top:var(--space-4)}.standalone-page-header{padding-top:calc(var(--header-height, 76px) + 32px);padding-bottom:24px;position:relative;background:linear-gradient(180deg,rgba(241,245,249,.6) 0%,transparent 100%);border-bottom:1px solid var(--border-subtle, rgba(226, 232, 240, .8));margin-bottom:32px}.standalone-page-header .container{display:flex;flex-direction:column;gap:14px}.page-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-tertiary, #64748b)}.page-breadcrumbs a{color:var(--text-secondary, #475569);transition:color .2s ease}.page-breadcrumbs a:hover{color:var(--color-primary, #2563eb)}.page-breadcrumbs-current{color:var(--color-primary, #2563eb);font-weight:600}.page-header-title-wrap{display:flex;flex-direction:column;gap:8px}.page-header-title{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;color:var(--text-primary, #0f172a);letter-spacing:-.02em;display:flex;align-items:center;gap:12px}.page-header-subtitle{font-size:1.05rem;color:var(--text-secondary, #475569);max-width:760px;line-height:1.6}.not-found-container{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 60px}.not-found-code{font-size:clamp(5rem,12vw,9rem);font-weight:900;line-height:1;background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px;letter-spacing:-.04em}.not-found-title{font-size:clamp(1.4rem,3vw,2rem);font-weight:700;margin-bottom:12px;color:var(--text-primary)}.not-found-desc{font-size:1.05rem;color:var(--text-secondary);max-width:520px;margin-bottom:32px;line-height:1.6}.not-found-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.btn-not-found-home{display:inline-flex;align-items:center;gap:8px;background:var(--color-primary, #2563eb);color:#fff;padding:12px 24px;border-radius:var(--radius-md, 8px);font-weight:600;transition:all .2s ease;box-shadow:0 4px 12px #2563eb40}.btn-not-found-home:hover{transform:translateY(-2px);box-shadow:0 6px 18px #2563eb59;color:#fff}.yarl__fullsize{width:100%;height:100%}.yarl__relative{position:relative}.yarl__portal{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;overflow:hidden;z-index:var(--yarl__portal_zindex,9999);transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);pointer-events:auto}.yarl__portal_open{opacity:1}.yarl__container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:var(--yarl__controller_touch_action,none);overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain)}.yarl__carousel{display:flex;flex:0 0 auto;height:100%;align-content:center;justify-content:center;align-items:stretch;width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%));transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));opacity:var(--yarl__pull_opacity,1)}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{display:flex;justify-content:center;align-content:center;align-items:center}.yarl__slide{flex:1;position:relative;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%)}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);line-height:0}.yarl__slide_loading{color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));animation:yarl__delayed_fadein 1s linear}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{width:var(--yarl__slide_icon_error_size,48px);height:var(--yarl__slide_icon_error_size,48px);color:var(--yarl__slide_icon_error_color,red)}@media(prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{position:absolute;top:0;right:0;bottom:auto;left:auto;display:flex;justify-content:flex-end;padding:var(--yarl__toolbar_padding,8px)}[dir=rtl] .yarl__toolbar{top:0;right:auto;bottom:auto;left:0}.yarl__icon{width:var(--yarl__icon_size,32px);height:var(--yarl__icon_size,32px)}.yarl__button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);margin:var(--yarl__button_margin,0);outline:none;line-height:0;padding:var(--yarl__button_padding,8px);color:var(--yarl__color_button,hsla(0,0%,100%,.8));filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media(hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{position:absolute;top:50%;transform:translateY(-50%);padding:var(--yarl__navigation_button_padding,24px 16px)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__thumbnails{display:flex;height:100%}.yarl__thumbnails_bottom,.yarl__thumbnails_end .yarl__thumbnails_track,.yarl__thumbnails_start .yarl__thumbnails_track,.yarl__thumbnails_top{flex-direction:column}.yarl__thumbnails_wrapper{flex:1;position:relative}.yarl__thumbnails_container{flex:0 0 auto;background-color:var(--yarl__thumbnails_container_background_color,var(--yarl__color_backdrop,#000));padding:var(--yarl__thumbnails_container_padding,16px);position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.yarl__thumbnails_vignette{position:absolute;pointer-events:none;--yarl__thumbnails_vignette_size:12%}@media(min-width:1200px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:8%}}@media(min-width:2000px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:5%}}.yarl__thumbnails_bottom .yarl__thumbnails_vignette,.yarl__thumbnails_top .yarl__thumbnails_vignette{height:100%;left:0;right:0;background:linear-gradient(to right,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%)}.yarl__thumbnails_end .yarl__thumbnails_vignette,.yarl__thumbnails_start .yarl__thumbnails_vignette{width:100%;top:0;bottom:0;background:linear-gradient(to bottom,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%)}.yarl__thumbnails_track{outline:none;gap:var(--yarl__thumbnails_thumbnail_gap,16px)}.yarl__thumbnails_thumbnail{flex:0 0 auto;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--yarl__thumbnails_thumbnail_background,#000);border-width:var(--yarl__thumbnails_thumbnail_border,1px);border-style:var(--yarl__thumbnails_thumbnail_border_style,solid);border-color:var(--yarl__thumbnails_thumbnail_border_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));border-radius:var(--yarl__thumbnails_thumbnail_border_radius,4px);-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;padding:var(--yarl__thumbnails_thumbnail_padding,4px);outline:none;width:var(--yarl__thumbnails_thumbnail_width,120px);height:var(--yarl__thumbnails_thumbnail_height,80px);box-sizing:content-box}.yarl__thumbnails_thumbnail_active{border-color:var(--yarl__thumbnails_thumbnail_active_border_color,var(--yarl__color_button_active,#fff))}.yarl__thumbnails_thumbnail_fadein{opacity:0;animation:yarl__thumbnails_thumbnail_fadein var(--yarl__thumbnails_thumbnail_fadein_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadein_delay,0s) forwards}.yarl__thumbnails_thumbnail_fadeout{animation:yarl__thumbnails_thumbnail_fadeout var(--yarl__thumbnails_thumbnail_fadeout_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadeout_delay,0s) forwards;cursor:unset}.yarl__thumbnails_thumbnail_placeholder{visibility:hidden;cursor:unset}.yarl__thumbnails_thumbnail:focus{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,hsla(0,0%,100%,.8)) 0 0 0 4px)}.yarl__thumbnails_thumbnail:focus:not(:focus-visible){box-shadow:unset}.yarl__thumbnails_thumbnail:focus-visible{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,hsla(0,0%,100%,.8)) 0 0 0 4px)}.yarl__thumbnails_thumbnail_icon{color:var(--yarl__thumbnails_thumbnail_icon_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));filter:var(--yarl__thumbnails_thumbnail_icon_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);width:var(--yarl__thumbnails_thumbnail_icon_size,32px);height:var(--yarl__thumbnails_thumbnail_icon_size,32px)}@keyframes yarl__thumbnails_thumbnail_fadein{0%{opacity:0}to{opacity:1}}@keyframes yarl__thumbnails_thumbnail_fadeout{0%{opacity:1}to{opacity:0}}.yarl__counter{position:var(--yarl__counter_position,absolute);top:var(--yarl__counter_top,0);left:var(--yarl__counter_left,0);bottom:var(--yarl__counter_bottom,unset);right:var(--yarl__counter_right,unset);color:var(--yarl__counter_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));filter:var(--yarl__counter_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));margin:var(--yarl__counter_margin,var(--yarl__toolbar_padding,8px));padding:var(--yarl__counter_padding,var(--yarl__button_padding,8px));line-height:var(--yarl__counter_line_height,var(--yarl__icon_size,32px));-webkit-user-select:var(--yarl__counter_user_select,none);-moz-user-select:var(--yarl__counter_user_select,none);user-select:var(--yarl__counter_user_select,none)}[dir=rtl] .yarl__counter{left:var(--yarl__counter_rtl_left,unset);right:var(--yarl__counter_rtl_right,0)}.yarl__slide_captions_container{position:absolute;left:var(--yarl__slide_captions_container_left,0);right:var(--yarl__slide_captions_container_right,0);padding:var(--yarl__slide_captions_container_padding,16px);background:var(--yarl__slide_captions_container_background,rgba(0,0,0,.5));-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width, 0px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{overflow:hidden;-webkit-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);text-align:var(--yarl__slide_description_text_align,start);color:var(--yarl__slide_description_color,#fff)}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}:root{--yarl__color_backdrop: rgba(8, 12, 22, .94);--yarl__color_button: #f1f5f9;--yarl__color_button_active: #38bdf8;--yarl__color_button_disabled: rgba(148, 163, 184, .4);--yarl__slide_title_color: #ffffff;--yarl__slide_description_color: #94a3b8;--yarl__thumbnails_thumbnail_border: 2px solid rgba(56, 189, 248, .25);--yarl__thumbnails_thumbnail_active_border: 2px solid #0284c7;--yarl__thumbnails_track_background: rgba(15, 23, 42, .85)}.yarl__root{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);font-family:inherit;z-index:9999}.yarl__navigation_prev,.yarl__navigation_next{width:52px;height:52px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .25s ease;margin:0 16px}.yarl__navigation_prev:hover,.yarl__navigation_next:hover{background:#0284c766;border-color:#38bdf899;color:#38bdf8;transform:scale(1.08);box-shadow:0 0 20px #0284c766}.yarl__toolbar{padding:12px 20px;gap:8px;background:linear-gradient(180deg,rgba(8,12,22,.8) 0%,transparent 100%)}.yarl__button{border-radius:10px;transition:all .2s ease;padding:8px}.yarl__button:hover{background:#ffffff1f;color:#38bdf8}.yarl__thumbnails_container{background:linear-gradient(0deg,#080c16f2,#080c16b3);border-top:1px solid rgba(255,255,255,.1);padding:12px 0 16px}.yarl__thumbnails_thumbnail{border-radius:10px;overflow:hidden;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0000004d}.yarl__thumbnails_thumbnail:hover{transform:translateY(-2px);border-color:#38bdf899}.yarl__thumbnails_thumbnail_active{border-color:#38bdf8!important;box-shadow:0 0 16px #0284c799;transform:scale(1.05)}.yarl__slide_title{font-size:1.15rem;font-weight:800;color:#f8fafc;text-shadow:0 2px 8px rgba(0,0,0,.7);margin-bottom:4px}.yarl__slide_description{font-size:.85rem;color:#94a3b8;background:#0f172ab3;border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:4px 16px;display:inline-block;margin-top:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.yarl__slide_image{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.yarl__slide_image:active{cursor:grabbing}.case-comments-section{margin-top:var(--space-16, 64px);margin-bottom:var(--space-16, 64px);width:100%;box-sizing:border-box}.comments-header-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6, 24px);gap:12px;flex-wrap:wrap}.comments-header-left{display:flex;align-items:center;gap:10px}.comments-count-badge{font-size:.8rem;font-weight:700;padding:4px 14px;border-radius:var(--radius-full, 9999px);background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;letter-spacing:.02em}.comments-main-card{background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:var(--radius-xl, 20px);padding:36px 32px;box-shadow:0 4px 24px -2px #0f172a0a;position:relative;overflow:hidden}.comments-form-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:24px 28px;margin-bottom:36px;transition:border-color var(--transition-fast, .2s ease),box-shadow var(--transition-fast, .2s ease)}.comments-form-box:focus-within{border-color:#0284c766;box-shadow:0 0 0 3px #0284c70f}.form-box-heading{margin-bottom:18px}.form-box-title{margin:0 0 4px;font-size:1.05rem;font-weight:700;color:#0f172a}.form-box-subtitle{margin:0;font-size:.84rem;color:#64748b}.attitude-picker-row{margin-bottom:18px}.attitude-title{display:block;font-size:.8rem;font-weight:600;color:#64748b;margin-bottom:8px}.attitude-tags-group{display:flex;flex-wrap:wrap;gap:8px}.attitude-tag-btn{padding:6px 14px;font-size:.82rem;font-weight:500;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all var(--transition-fast, .2s ease);box-shadow:0 1px 3px #0f172a05}.attitude-tag-btn:hover{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.attitude-tag-btn.active{background:#0284c714;color:#0284c7;border-color:#0284c7;font-weight:600;box-shadow:0 2px 8px #0284c726}.form-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-field-item{display:flex;flex-direction:column;gap:6px}.form-field-label{font-size:.82rem;font-weight:600;color:#334155;display:flex;align-items:center;gap:4px}.req-star{color:#ef4444}.field-input-wrapper{position:relative;display:flex;align-items:center}.field-icon{position:absolute;left:12px;color:#94a3b8;pointer-events:none}.form-text-input,.form-textarea-input{width:100%;background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;font-size:.9rem;box-sizing:border-box;font-family:inherit;transition:all var(--transition-fast, .2s ease)}.form-text-input{height:42px;padding:0 14px 0 38px}.form-textarea-input{padding:12px 14px;min-height:96px;resize:vertical;line-height:1.65}.form-text-input:focus,.form-textarea-input:focus{outline:none;border-color:#0284c7;background:#fff;box-shadow:0 0 0 3px #0284c71f}.form-text-input::placeholder,.form-textarea-input::placeholder{color:#94a3b8}.form-bottom-actions{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:16px}.form-security-note{font-size:.78rem;color:#64748b;display:flex;align-items:center;gap:6px}.btn-publish-comment{display:inline-flex;align-items:center;gap:8px;padding:11px 26px;background:linear-gradient(135deg,#0284c7,#2563eb,#7c3aed);color:#fff;font-size:.92rem;font-weight:700;border:none;border-radius:var(--radius-full, 9999px);cursor:pointer;transition:all var(--transition-fast, .2s ease);box-shadow:0 4px 16px #0284c759;flex-shrink:0}.btn-publish-comment:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 22px #2563eb73;filter:brightness(1.05)}.btn-publish-comment:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.comment-alert-box{padding:12px 16px;border-radius:8px;font-size:.86rem;margin-top:14px;display:flex;align-items:center;gap:8px}.comment-alert-box.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.comment-alert-box.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.comments-stream-container{display:flex;flex-direction:column;gap:14px}.comment-card-item{display:flex;gap:16px;padding:20px 22px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;transition:all var(--transition-fast, .2s ease);box-shadow:0 2px 6px #0f172a05}.comment-card-item:hover{background:#fff;border-color:#0284c759;transform:translateY(-2px);box-shadow:0 8px 20px -3px #0284c714}.comment-user-avatar{width:42px;height:42px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;color:#fff;box-shadow:0 2px 8px #0f172a26;border:2px solid #ffffff}.comment-card-content{flex:1;min-width:0}.comment-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.comment-author-title{font-size:.95rem;font-weight:700;color:#0f172a}.comment-attitude-badge{font-size:.75rem;padding:2px 8px;border-radius:6px;background:#0284c714;color:#0284c7;border:1px solid rgba(2,132,199,.2);font-weight:600}.comment-date-time{font-size:.78rem;color:#94a3b8;margin-left:auto}.comment-text-paragraph{margin:0;font-size:.92rem;color:#334155;line-height:1.7;word-break:break-word;white-space:pre-wrap}.comments-status-empty{text-align:center;padding:48px 24px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px}.empty-status-icon{margin-bottom:12px;color:#94a3b8}.empty-status-title{font-size:.98rem;font-weight:700;color:#334155;margin:0 0 6px}.empty-status-subtitle{font-size:.85rem;color:#64748b;margin:0}@media(max-width:768px){.comments-main-card{padding:24px 18px;border-radius:16px}.comments-form-box{padding:18px 16px;border-radius:12px}.form-fields-grid{grid-template-columns:1fr}.form-bottom-actions{flex-direction:column;align-items:stretch;gap:14px}.btn-publish-comment{justify-content:center;width:100%}.comment-card-item{padding:16px 14px;gap:12px}.comment-user-avatar{width:36px;height:36px;font-size:.85rem}}.case-detail-page{position:relative;z-index:1;min-height:100vh;background-color:#fff;color:var(--text-primary)}.case-hero-fullbleed{position:relative;width:100%;padding-top:calc(var(--nav-height) + 24px);padding-bottom:70px;background:radial-gradient(ellipse 65% 55% at 75% 40%,rgba(186,230,253,.65),transparent 70%),radial-gradient(circle at 15% 25%,rgba(224,242,254,.75),transparent 55%),linear-gradient(180deg,#eaf4fd,#f4f9fd 60%,#fff);overflow:hidden;border-bottom:1px solid rgba(226,232,240,.6)}.hero-ambient-atmosphere{position:absolute;top:10%;right:15%;width:500px;height:400px;background:radial-gradient(circle,rgba(2,132,199,.18) 0%,rgba(124,58,237,.08) 50%,transparent 75%);filter:blur(60px);pointer-events:none;z-index:0}.case-detail-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4);position:relative;z-index:2}.btn-back-portfolio{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius-full);background:#fff;border:1px solid rgba(203,213,225,.8);color:var(--text-primary);font-size:.9rem;font-weight:600;box-shadow:0 1px 4px #0f172a0a;cursor:pointer;transition:all var(--transition-fast)}.btn-back-portfolio:hover{background:#fff;border-color:var(--color-cyan);color:var(--color-cyan);transform:translate(-3px);box-shadow:0 4px 14px #0284c71f}.case-detail-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-muted)}.case-detail-breadcrumb button,.case-detail-breadcrumb a{color:var(--text-secondary);background:none;border:none;cursor:pointer;padding:0;font-size:inherit;font-family:inherit;transition:color var(--transition-fast)}.case-detail-breadcrumb button:hover,.case-detail-breadcrumb a:hover{color:var(--color-cyan)}.breadcrumb-current{color:var(--text-primary);font-weight:600;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-banner-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--space-10);align-items:center;position:relative;z-index:2}.hero-meta-left{display:flex;flex-direction:column;gap:var(--space-4)}.hero-eyebrow-tag{font-size:.82rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--color-cyan)}.hero-project-title{font-size:clamp(2.2rem,3.8vw,3rem);font-weight:800;line-height:1.2;color:#0f172a;letter-spacing:-.02em}.hero-project-subtitle{font-size:1.08rem;line-height:1.7;color:#475569;max-width:540px}.hero-pills-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.hero-pill-badge{display:inline-flex;align-items:center;padding:5px 16px;border-radius:var(--radius-full);background:#0284c71a;border:1px solid rgba(2,132,199,.22);color:var(--color-cyan);font-size:.82rem;font-weight:600;letter-spacing:.02em}.hero-specs-bar{display:flex;flex-wrap:wrap;gap:var(--space-8);padding-top:var(--space-6);margin-top:var(--space-3);border-top:1px solid rgba(15,23,42,.08)}.hero-spec-item{display:inline-flex;align-items:center;gap:8px;font-size:.88rem}.hero-spec-item .spec-icon{color:var(--color-cyan);flex-shrink:0}.hero-spec-item .spec-label{color:#64748b}.hero-spec-item .spec-val{color:#0f172a;font-weight:700}.hero-stage-right{position:relative;display:flex;justify-content:center;align-items:center;min-height:400px;perspective:1000px}.stage-podium-platform{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:95%;height:90px;pointer-events:none;z-index:1}.podium-disc{position:absolute;left:50%;transform:translate(-50%);border-radius:50%}.podium-disc-back{bottom:0;width:100%;height:72px;background:radial-gradient(ellipse at center,rgba(255,255,255,.95) 0%,rgba(224,242,254,.55) 60%,transparent 85%);box-shadow:0 15px 35px #0284c733;border:1px solid rgba(255,255,255,.9)}.podium-disc-front{bottom:12px;width:82%;height:48px;background:linear-gradient(180deg,#ffffffe6,#f0f9ff73);box-shadow:inset 0 2px 6px #ffffffe6;border:1px solid rgba(2,132,199,.15)}.mockup-monitor{position:relative;z-index:2;width:94%;max-width:460px;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 20px 35px rgba(15,23,42,.14));transition:transform var(--transition-normal)}.mockup-monitor:hover{transform:translateY(-4px)}.monitor-bezel{width:100%;background:#1e293b;border-radius:12px 12px 6px 6px;padding:8px 8px 12px;border:1.5px solid rgba(255,255,255,.35);box-shadow:inset 0 1px 2px #ffffff40,0 4px 12px #0003}.monitor-screen{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:6px;overflow:hidden;background:#0f172a}.monitor-screen img{width:100%;height:100%;object-fit:cover;display:block}.monitor-screen-gloss{position:absolute;top:0;left:0;width:100%;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 100%);pointer-events:none}.monitor-stand-neck{width:48px;height:36px;background:linear-gradient(180deg,#94a3b8,#cbd5e1,#94a3b8);clip-path:polygon(15% 0%,85% 0%,100% 100%,0% 100%);margin-top:-1px}.monitor-stand-base{width:136px;height:10px;background:linear-gradient(180deg,#f1f5f9,#cbd5e1);border-radius:50px 50px 4px 4px;border:1px solid rgba(148,163,184,.5);box-shadow:0 4px 8px #0000001a}.mockup-phone-floating{position:absolute;bottom:-5px;right:12px;z-index:3;width:132px;filter:drop-shadow(0 18px 28px rgba(15,23,42,.28));transition:transform var(--transition-normal)}.mockup-phone-floating:hover{transform:translateY(-6px) scale(1.02)}.phone-chassis{position:relative;width:100%;background:#0f172a;border-radius:22px;padding:5px;border:2px solid #e2e8f0;box-shadow:inset 0 0 4px #fff6,0 0 0 1px #0f172a1a}.phone-dynamic-island{position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:8px;background:#000;border-radius:20px;z-index:5}.phone-screen{position:relative;width:100%;aspect-ratio:9 / 18.5;border-radius:17px;overflow:hidden;background:#1e293b}.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.phone-screen-gloss{position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 80%);pointer-events:none}.phone-chin-bar{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:38px;height:3px;background:#fff9;border-radius:4px;z-index:5}.case-detail-body{padding-top:var(--space-16);padding-bottom:var(--space-20)}.section-title-bar{display:flex;align-items:center;margin-bottom:var(--space-6);gap:10px}.section-bar-accent{display:inline-block;width:4px;height:22px;background:var(--color-cyan);border-radius:4px;box-shadow:0 0 10px #0284c766}.section-title-cn{font-size:1.45rem;font-weight:800;color:#0f172a;letter-spacing:-.01em;margin:0}.section-title-en{font-size:.82rem;font-weight:700;color:#94a3b8;letter-spacing:.12em;text-transform:uppercase;margin-left:2px}.case-overview-section{margin-bottom:var(--space-16)}.overview-content-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:var(--space-8);align-items:start}.overview-narrative-flow{padding-right:var(--space-4)}.overview-narrative-flow p+p{margin-top:1rem}.overview-narrative-flow p{font-size:1.05rem;line-height:1.9;color:#334155;margin:0}.overview-tech-pills{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid rgba(226,232,240,.8);display:flex;align-items:center;flex-wrap:wrap;gap:8px}.overview-tech-pills .tech-label{font-size:.85rem;font-weight:700;color:#0f172a;margin-right:4px}.tech-chip{display:inline-block;padding:4px 12px;background:#f1f5f9;border:1px solid rgba(226,232,240,.9);border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;color:#475569}.overview-metrics-column{display:flex;flex-direction:column;gap:var(--space-3)}.metric-info-card{background:#f8fafc;border:1px solid rgba(226,232,240,.85);border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:var(--space-4);transition:all var(--transition-fast)}.metric-info-card:hover{background:#fff;transform:translate(4px);border-color:#0284c759;box-shadow:0 8px 20px -3px #0f172a0f}.metric-icon-bubble{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bubble-cyan{background:#0284c71a;color:var(--color-cyan)}.bubble-blue{background:#2563eb1a;color:var(--color-blue)}.bubble-purple{background:#7c3aed1a;color:var(--color-purple)}.metric-info-body{display:flex;flex-direction:column;gap:2px}.metric-title{font-size:.98rem;font-weight:700;color:#0f172a;margin:0}.metric-desc{font-size:.88rem;line-height:1.5;color:#64748b;margin:0}.case-highlights-section{margin-bottom:var(--space-16)}.highlights-quad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.highlight-quad-card{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.85);border-radius:18px;padding:26px 22px;display:flex;flex-direction:column;align-items:flex-start;transition:all var(--transition-normal);box-shadow:0 2px 8px #0f172a05}.highlight-quad-card:hover{transform:translateY(-4px);border-color:#0284c759;box-shadow:0 12px 28px -4px #0284c714}.quad-icon-box{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);flex-shrink:0}.icon-theme-0{background:#0284c71a;color:var(--color-cyan)}.icon-theme-1{background:#2563eb1a;color:var(--color-blue)}.icon-theme-2{background:#7c3aed1a;color:var(--color-purple)}.icon-theme-3{background:#0ea5e91f;color:#0284c7}.quad-card-title{font-size:1.1rem;font-weight:700;color:#0f172a;margin-bottom:8px}.quad-card-desc{font-size:.88rem;line-height:1.65;color:#64748b}.case-screenshots-section{margin-bottom:var(--space-16)}.screenshots-showcase-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:var(--space-8);align-items:flex-start}.pc-screenshot-container{display:flex;flex-direction:column;gap:var(--space-3)}.pc-browser-mockup{background:#fff;border-radius:var(--radius-lg);border:1px solid rgba(226,232,240,.9);box-shadow:0 20px 45px -10px #0f172a1f;overflow:hidden;transition:transform var(--transition-normal)}.pc-browser-mockup:hover{transform:translateY(-4px)}.browser-chrome-bar{height:38px;background:#f8fafc;border-bottom:1px solid rgba(226,232,240,.8);display:flex;align-items:center;padding:0 16px;position:relative}.chrome-dots{display:flex;gap:6px}.chrome-dots .dot{width:10px;height:10px;border-radius:50%}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.chrome-address{margin:0 auto;font-size:.78rem;color:#94a3b8;background:#fff;border:1px solid rgba(226,232,240,.8);padding:2px 24px;border-radius:6px;font-family:var(--font-mono)}.screenshots-title-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.screenshots-title-bar .title-left{display:flex;align-items:center;gap:var(--space-3)}.btn-open-gallery-album{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:linear-gradient(135deg,#0284c71a,#2563eb1a);border:1px solid rgba(2,132,199,.35);border-radius:9999px;color:var(--color-cyan, #0284c7);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 10px #0284c714}.btn-open-gallery-album:hover{background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 6px 20px #0284c74d}.zoomable-mockup,.zoomable-hero-mockup{cursor:zoom-in;-webkit-user-select:none;user-select:none}.browser-viewport{position:relative;width:100%;aspect-ratio:16 / 10;background:#f1f5f9;overflow:hidden}.browser-viewport img{width:100%;height:100%;object-fit:cover;display:block}.mockup-zoom-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a80;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;transition:opacity .25s ease;z-index:10}.zoomable-mockup:hover .mockup-zoom-overlay,.zoomable-hero-mockup:hover .mockup-zoom-overlay{opacity:1}.zoom-hint-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#0f172ad9;border:1px solid rgba(56,189,248,.6);border-radius:9999px;color:#fff;font-size:.78rem;font-weight:700;box-shadow:0 6px 16px #00000059;transform:scale(.92);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.zoomable-mockup:hover .zoom-hint-pill,.zoomable-hero-mockup:hover .zoom-hint-pill{transform:scale(1)}.phone-device-mockup.mini-mockup .zoom-hint-pill{padding:4px 10px;font-size:.72rem}.screenshot-caption{text-align:center;font-size:.88rem;font-weight:600;color:#64748b;margin-top:4px}.mobile-screenshots-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.mobile-screenshot-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.phone-device-mockup{width:100%;max-width:195px;background:#0f172a;border-radius:30px;padding:6px;border:2px solid #cbd5e1;box-shadow:0 18px 36px -8px #0f172a29;transition:transform var(--transition-normal)}.phone-device-mockup:hover{transform:translateY(-4px)}.phone-device-inner{position:relative;width:100%;border-radius:24px;overflow:hidden;background:#1e293b}.phone-island-notch{position:absolute;top:7px;left:50%;transform:translate(-50%);width:44px;height:10px;background:#000;border-radius:12px;z-index:5}.phone-viewport{position:relative;width:100%;aspect-ratio:9 / 18.5;background:#f8fafc;overflow:hidden}.phone-viewport img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.hero-trial-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background:linear-gradient(135deg,#7c3aed14,#0284c71f),#fff;border:1px solid rgba(124,58,237,.28);border-radius:var(--radius-lg);padding:14px 20px;margin-top:var(--space-2);box-shadow:0 4px 20px -4px #7c3aed26;position:relative;overflow:hidden}.hero-trial-banner:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#7c3aed,#0284c7)}.trial-banner-left{display:flex;flex-direction:column;gap:4px;flex:1}.trial-badge-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.trial-badge-pill{display:inline-flex;align-items:center;font-size:.76rem;font-weight:800;padding:2px 10px;border-radius:var(--radius-full);background:linear-gradient(135deg,#7c3aed,#0284c7);color:#fff;letter-spacing:.04em}.trial-title{font-size:.96rem;font-weight:800;color:#1e1b4b}.trial-desc{font-size:.85rem;color:#475569;line-height:1.5;margin:0}.btn-trial-action{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius-full);background:linear-gradient(135deg,#7c3aed,#0284c7);color:#fff!important;font-size:.85rem;font-weight:700;white-space:nowrap;box-shadow:0 4px 14px #7c3aed4d;transition:all var(--transition-fast);flex-shrink:0}.btn-trial-action:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed73;filter:brightness(1.08)}.spec-link{display:inline-flex;align-items:center;gap:4px;color:var(--color-cyan)!important;transition:opacity .2s}.spec-link:hover{text-decoration:underline;opacity:.85}.inline-ext-icon{flex-shrink:0}.mockup-desktop-floating{position:absolute;right:-10px;bottom:20px;width:58%;max-width:280px;z-index:4;filter:drop-shadow(0 18px 30px rgba(15,23,42,.3));transition:transform var(--transition-normal);cursor:pointer}.mockup-desktop-floating:hover{transform:translateY(-6px) scale(1.03)}.desktop-float-window{background:#fff;border-radius:12px;border:1px solid rgba(255,255,255,.8);box-shadow:0 10px 25px #0003;overflow:hidden}.float-window-bar{background:#f1f5f9;padding:6px 10px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e2e8f0}.float-window-title{font-size:.72rem;font-weight:600;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.float-window-body{position:relative;aspect-ratio:16 / 9;background:#0f172a;overflow:hidden}.float-window-body img{width:100%;height:100%;object-fit:cover;display:block}.sidebar-quick-visit{margin-top:var(--space-3)}.btn-sidebar-visit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:9px 14px;background:linear-gradient(135deg,#7c3aed14,#0284c71f);border:1px solid rgba(124,58,237,.25);border-radius:var(--radius-md);color:#7c3aed;font-size:.82rem;font-weight:700;transition:all var(--transition-fast)}.btn-sidebar-visit:hover{background:linear-gradient(135deg,#7c3aed,#0284c7);color:#fff;border-color:transparent;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed40}.desktop-workspace-showcase{display:flex;flex-direction:column;gap:var(--space-8)}.desktop-feature-browser{width:100%}.desktop-extended-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}@media(max-width:768px){.hero-trial-banner{flex-direction:column;align-items:flex-start}.desktop-extended-grid{grid-template-columns:1fr}}.desktop-extended-card{display:flex;flex-direction:column;gap:var(--space-3)}.desktop-card-browser{background:#fff;border-radius:var(--radius-lg);border:1px solid rgba(15,23,42,.08);box-shadow:0 8px 24px -4px #0f172a0f;overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal);cursor:pointer}.desktop-card-browser:hover{transform:translateY(-4px);box-shadow:0 16px 36px -6px #0f172a1f}.mini-chrome{padding:6px 12px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:8px}.mini-chrome .chrome-address{font-size:.72rem;color:#94a3b8;background:#fff;padding:2px 8px;border-radius:4px;border:1px solid #e2e8f0;flex:1;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-card-viewport{position:relative;width:100%;aspect-ratio:16 / 9;background:#0f172a;overflow:hidden}.desktop-card-viewport img{width:100%;height:100%;object-fit:cover;display:block}.desktop-card-meta{display:flex;align-items:flex-start;gap:8px;padding:0 4px}.card-meta-idx{font-size:.75rem;font-weight:800;color:var(--color-cyan);background:#0284c714;padding:2px 6px;border-radius:4px;flex-shrink:0}.desktop-card-caption{font-size:.85rem;color:#475569;line-height:1.5;margin:0;font-weight:500}.case-conversion-banner{background:linear-gradient(135deg,#0284c70d,#7c3aed0f),#fff;border:1px solid rgba(2,132,199,.2);border-radius:var(--radius-xl);padding:var(--space-10);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-6);margin-bottom:var(--space-10);box-shadow:0 10px 30px -5px #0f172a0a}.conversion-left{max-width:620px}.conversion-left h3{font-size:1.45rem;font-weight:800;margin-bottom:var(--space-2);color:#0f172a}.conversion-left p{font-size:.95rem;color:#475569;line-height:1.65}.conversion-actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.btn-contact-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:var(--radius-full);background:linear-gradient(135deg,#0284c7,#2563eb,#7c3aed);color:#fff;font-weight:700;font-size:.95rem;border:none;cursor:pointer;box-shadow:0 4px 16px #0284c759;transition:all var(--transition-fast)}.btn-contact-primary:hover{transform:translateY(-2px);box-shadow:0 6px 22px #2563eb73}.case-pagination-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-6);width:100%;box-sizing:border-box}.nav-case-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:#fff;border:1px solid rgba(226,232,240,.85);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 12px #0f172a08;text-align:left;text-decoration:none;min-width:0;max-width:100%;overflow:hidden;box-sizing:border-box}.nav-case-card:hover{border-color:var(--color-cyan);transform:translateY(-3px);box-shadow:0 10px 25px -3px #0284c71a}.nav-case-card.prev{justify-content:flex-start}.nav-case-card.next{justify-content:space-between;text-align:right}.nav-arrow-circle{width:44px;height:44px;border-radius:50%;background:#f8fafc;border:1px solid rgba(226,232,240,.9);display:flex;align-items:center;justify-content:center;color:#0f172a;flex-shrink:0;transition:all var(--transition-fast)}.nav-case-card:hover .nav-arrow-circle{background:var(--color-cyan);color:#fff;border-color:var(--color-cyan)}.nav-case-info{display:flex;flex-direction:column;gap:2px;flex:1 1 0%;min-width:0;overflow:hidden}.nav-case-sublabel{display:block;font-size:.75rem;color:#94a3b8;text-transform:uppercase;font-weight:700;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-case-title{display:block;font-size:.95rem;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:1024px){.hero-banner-grid{grid-template-columns:1fr}.hero-stage-right{min-height:340px;margin-top:var(--space-4)}.overview-content-grid{grid-template-columns:1fr;gap:var(--space-6)}.overview-narrative-flow{padding-right:0}.highlights-quad-grid{grid-template-columns:repeat(2,1fr)}.screenshots-showcase-grid{grid-template-columns:1fr}.mobile-screenshots-container{justify-content:center}}@media(max-width:768px){.case-hero-fullbleed{padding-bottom:50px}.hero-project-title{font-size:1.85rem}.mockup-monitor{max-width:330px}.mockup-phone-floating{width:105px;right:6px}.case-pagination-grid{grid-template-columns:minmax(0,1fr)}.nav-case-card.next{justify-content:space-between;text-align:left}}@media(max-width:640px){.case-hero-fullbleed{padding-top:calc(var(--nav-height) + 16px)}.hero-specs-bar{flex-direction:column;gap:var(--space-3)}.highlights-quad-grid{grid-template-columns:1fr}.mobile-screenshots-container{grid-template-columns:1fr;justify-items:center}.phone-device-mockup{max-width:220px}.case-conversion-banner{padding:var(--space-6)}}.case-hardware-specs-section{margin-bottom:var(--space-12, 48px)}.hardware-specs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4, 16px)}@media(max-width:992px){.hardware-specs-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.hardware-specs-grid{grid-template-columns:1fr}}.hardware-spec-card{background:#fff;border:1px solid rgba(226,232,240,.85);border-radius:16px;padding:22px;box-shadow:0 2px 8px #0f172a08;transition:all var(--transition-fast, .2s)}.hardware-spec-card:hover{transform:translateY(-2px);border-color:#0284c766;box-shadow:0 8px 20px #0284c714}.spec-card-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.spec-chip-icon{color:var(--color-cyan, #0284c7)}.spec-card-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #64748b)}.spec-card-value{font-size:1.25rem;font-weight:800;color:var(--text-primary, #0f172a);margin-bottom:6px}.spec-card-desc{font-size:.85rem;line-height:1.5;color:var(--text-secondary, #475569)}.case-geek-story-section{margin-bottom:var(--space-12, 48px)}.story-intro-banner{display:flex;align-items:flex-start;gap:14px;background:linear-gradient(135deg,#f0f9ffe6,#eef2ffb3);border:1px solid rgba(186,230,253,.8);border-radius:16px;padding:18px 24px;margin-bottom:24px;color:#0369a1;font-size:1rem;line-height:1.7}.story-intro-icon{color:var(--color-cyan, #0284c7);flex-shrink:0;margin-top:3px}.story-tabs-bar{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;margin-bottom:20px;scrollbar-width:thin}.story-tab-btn{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 18px;background:#f8fafc;border:1px solid rgba(226,232,240,.9);border-radius:12px;cursor:pointer;transition:all var(--transition-fast, .2s);white-space:nowrap}.story-tab-btn:hover{background:#f1f5f9;border-color:#0284c74d}.story-tab-btn.active{background:var(--color-cyan, #0284c7);border-color:var(--color-cyan, #0284c7);color:#fff;box-shadow:0 4px 14px #0284c740}.story-tab-btn .tab-number{font-size:.7rem;font-family:ui-monospace,monospace;font-weight:700;opacity:.85}.story-tab-btn .tab-label{font-size:.92rem;font-weight:700}.story-chapter-showcase{background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:24px;padding:36px;box-shadow:0 10px 30px -5px #0f172a0a}@media(max-width:768px){.story-chapter-showcase{padding:24px 20px}}.showcase-badge-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.chapter-badge{display:inline-flex;padding:4px 12px;background:#0284c71a;color:#0284c7;border-radius:100px;font-size:.82rem;font-weight:700}.chapter-tag-mini{display:inline-flex;align-items:center;gap:4px;font-size:.82rem;color:var(--text-muted, #64748b)}.chapter-showcase-title{font-size:1.65rem;font-weight:800;color:var(--text-primary, #0f172a);margin-bottom:8px;line-height:1.35}.chapter-showcase-subtitle{font-size:1.05rem;color:var(--text-secondary, #475569);line-height:1.6;margin-bottom:24px}.chapter-narrative-flow{display:flex;flex-direction:column;gap:14px;font-size:1.02rem;line-height:1.85;color:#334155}.chapter-takeaway-callout{margin-top:24px;background:linear-gradient(135deg,#f0fdfacc,#eef2ffcc);border-left:4px solid #0d9488;border-radius:0 12px 12px 0;padding:18px 22px}.takeaway-badge{display:inline-flex;align-items:center;gap:6px;color:#0f766e;font-size:.84rem;font-weight:700;margin-bottom:6px}.takeaway-text{margin:0;font-size:.95rem;color:#134e4a;line-height:1.6;font-weight:600}.chapter-terminal-card{margin-top:24px;background:#090d16;border:1px solid rgba(51,65,85,.7);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0003}.terminal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#0f172a;border-bottom:1px solid rgba(51,65,85,.5)}.terminal-dots{display:flex;gap:6px}.terminal-lang-badge{display:flex;align-items:center;gap:6px;font-family:ui-monospace,monospace;font-size:.75rem;color:#94a3b8}.btn-copy-terminal{display:flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#e2e8f0;border-radius:6px;padding:4px 10px;font-size:.76rem;cursor:pointer;transition:all var(--transition-fast, .2s)}.btn-copy-terminal:hover{background:#ffffff26;color:#fff}.terminal-code-body{padding:18px 20px;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92rem;line-height:1.6;color:#38bdf8;overflow-x:auto}.terminal-footer-note{padding:6px 20px 12px;font-size:.8rem;color:#64748b;font-family:ui-monospace,monospace}.case-tutorial-section{margin-bottom:var(--space-12, 48px)}.tutorial-section-intro{font-size:1.05rem;color:var(--text-secondary, #475569);line-height:1.7;margin-bottom:28px;max-width:820px}.tutorial-steps-timeline{display:flex;flex-direction:column;gap:20px}.tutorial-step-card{background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:20px;padding:28px;box-shadow:0 3px 12px #0f172a05;transition:all var(--transition-fast, .2s)}.tutorial-step-card:hover{border-color:#0284c759;box-shadow:0 8px 24px #0284c70f}.step-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.step-number-bubble{background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;font-weight:800;font-size:.8rem;padding:5px 12px;border-radius:8px;letter-spacing:.5px;font-family:ui-monospace,monospace}.step-title{font-size:1.25rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0}.step-description{font-size:.98rem;line-height:1.75;color:var(--text-secondary, #475569);margin-bottom:16px}.step-image-showcase{margin:18px 0 24px;display:flex;flex-direction:column;align-items:center}.step-image-frame{max-width:380px;width:100%;border-radius:18px;overflow:hidden;background:#0f172a;border:1.5px solid rgba(2,132,199,.28);box-shadow:0 16px 36px -8px #0f172a2e,0 0 20px #0284c714;transition:transform var(--transition-normal, .25s),box-shadow var(--transition-normal, .25s)}.step-image-frame:hover{transform:translateY(-3px);box-shadow:0 22px 42px -8px #0f172a3d,0 0 28px #0284c72e;border-color:#0284c78c}.step-image-frame img{width:100%;height:auto;display:block}.step-image-caption{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:.82rem;font-weight:600;color:#64748b;text-align:center}.step-caption-icon{color:#0284c7;flex-shrink:0}.step-command-box{background:#0f172a;border-radius:14px;overflow:hidden;margin-bottom:14px}.command-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#1e293b;border-bottom:1px solid rgba(255,255,255,.06)}.command-lang-tag{display:flex;align-items:center;gap:6px;color:#94a3b8;font-size:.74rem;font-family:ui-monospace,monospace}.btn-copy-command{display:flex;align-items:center;gap:6px;background:#0284c733;border:1px solid rgba(2,132,199,.4);color:#38bdf8;padding:4px 12px;border-radius:6px;font-size:.76rem;cursor:pointer;transition:all var(--transition-fast, .2s)}.btn-copy-command:hover{background:#0284c759;color:#fff}.command-pre{padding:16px 20px;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88rem;line-height:1.65;color:#f8fafc;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.step-tip-callout{background:#f0f9ffd9;border-left:4px solid #0284c7;border-radius:0 10px 10px 0;padding:12px 16px;display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:#0369a1;margin-top:10px}.tip-icon{flex-shrink:0;margin-top:2px;color:#0284c7}.tip-multiline{display:flex;flex-direction:column;gap:8px;margin-top:6px}.tip-line{margin:0;line-height:1.65;color:#0369a1}.step-warning-callout{background:#fffbebe6;border-left:4px solid #f59e0b;border-radius:0 10px 10px 0;padding:12px 16px;display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:#b45309;margin-top:10px}.warning-icon{flex-shrink:0;margin-top:2px;color:#f59e0b}.case-detail-layout{display:grid;grid-template-columns:260px 1fr;gap:48px;align-items:flex-start;position:relative}.case-sidebar-toc{position:sticky;top:calc(var(--nav-height, 70px) + 24px);z-index:20}.sidebar-toc-sticky-box{background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.9);border-radius:20px;padding:20px 16px;box-shadow:0 10px 30px -5px #0f172a0d;max-height:calc(100vh - var(--nav-height, 70px) - 50px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(203,213,225,.6) transparent}.sidebar-toc-header{padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid rgba(226,232,240,.8)}.toc-title-row{display:flex;align-items:center;gap:8px}.toc-title-icon{color:var(--color-cyan, #0284c7)}.toc-title{font-size:.92rem;font-weight:800;color:#0f172a}.toc-subtitle{font-size:.68rem;letter-spacing:.12em;color:#94a3b8;font-weight:700;display:block;margin-top:2px}.sidebar-toc-nav{display:flex;flex-direction:column;gap:4px}.toc-nav-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;color:#475569;font-size:.86rem;font-weight:600;text-decoration:none;transition:all .2s ease;position:relative}.toc-bullet{width:6px;height:6px;border-radius:50%;background:#cbd5e1;transition:all .2s ease;flex-shrink:0}.toc-nav-link:hover{background:#f1f5f9;color:var(--color-cyan, #0284c7)}.toc-nav-link:hover .toc-bullet{background:var(--color-cyan, #0284c7);transform:scale(1.3)}.toc-nav-link.active{background:linear-gradient(135deg,#0284c71a,#2563eb14);color:#0284c7;font-weight:700}.toc-nav-link.active .toc-bullet{background:#0284c7;box-shadow:0 0 8px #0284c799;transform:scale(1.4)}.toc-nav-link.is-sub{padding-left:26px;font-size:.8rem;color:#64748b}.toc-nav-link.is-sub .toc-bullet{width:4px;height:4px}.sidebar-quick-download{margin-top:18px;padding-top:14px;border-top:1px solid rgba(226,232,240,.8)}.btn-sidebar-download{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;border-radius:10px;font-size:.84rem;font-weight:700;text-decoration:none;box-shadow:0 4px 12px #0284c740;transition:all .2s ease}.btn-sidebar-download:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0284c759}.sidebar-contact-box{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(226,232,240,.8);display:flex;flex-direction:column;gap:6px}.contact-box-tip{font-size:.72rem;color:#94a3b8;text-align:center}.btn-sidebar-contact{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;background:#fff;border:1px solid rgba(203,213,225,.8);border-radius:8px;color:#334155;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-sidebar-contact:hover{background:#f8fafc;color:var(--color-cyan, #0284c7);border-color:var(--color-cyan, #0284c7)}.case-main-content{min-width:0;display:flex;flex-direction:column;gap:48px}.case-param-extraction-section{scroll-margin-top:90px}.param-extraction-intro-card{background:linear-gradient(135deg,#f0f9ffbf,#f1f5f9a6);border:1px solid rgba(186,230,253,.85);border-radius:18px;padding:22px 26px;margin-bottom:24px}.param-intro-text{margin:0;font-size:1rem;line-height:1.8;color:#1e293b}.extraction-methodology-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:28px}.methodology-card{background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:18px;padding:22px 20px;box-shadow:0 4px 16px #0f172a08;transition:all .25s ease}.methodology-card:hover{transform:translateY(-3px);border-color:#0284c766;box-shadow:0 10px 24px #0284c714}.methodology-badge-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.methodology-number{font-family:ui-monospace,monospace;font-size:1.1rem;font-weight:800;color:#0284c7;background:#0284c71a;padding:2px 10px;border-radius:8px}.methodology-technique{font-size:.72rem;font-weight:700;color:#64748b;background:#f1f5f9;padding:3px 8px;border-radius:6px}.methodology-title{font-size:1.05rem;font-weight:700;color:#0f172a;margin-bottom:8px;line-height:1.4}.methodology-desc{margin:0;font-size:.88rem;line-height:1.65;color:#475569}.probe-script-box{margin-bottom:32px}.key-parameters-showcase{background:#f8fafc;border:1px solid rgba(226,232,240,.9);border-radius:20px;padding:26px 24px}.parameters-showcase-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.showcase-icon{color:#0284c7}.parameters-showcase-title{margin:0;font-size:1.15rem;font-weight:800;color:#0f172a}.param-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.param-item-card{background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px;transition:all .2s ease}.param-item-card:hover{border-color:#0284c766;box-shadow:0 6px 18px #0f172a0d}.param-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.param-cat-tag{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:6px;background:#0284c71a;color:#0284c7}.param-name{font-family:ui-monospace,monospace;font-size:.92rem;font-weight:700;color:#0f172a}.param-path-code{background:#0f172a;border-radius:8px;padding:6px 10px}.param-path-code code{color:#38bdf8;font-size:.76rem;word-break:break-all}.param-values-row{display:flex;gap:8px;flex-wrap:wrap}.param-val-pill{font-size:.76rem;padding:3px 8px;border-radius:6px;font-weight:600}.param-val-pill.default{background:#f1f5f9;color:#64748b}.param-val-pill.recommend{background:#10b9811f;color:#059669}.param-effect{margin:0;font-size:.86rem;line-height:1.6;color:#334155;flex-grow:1}.param-cmd-row{display:flex;align-items:center;gap:8px;background:#f1f5f9;border-radius:6px;padding:4px 8px;border:1px solid rgba(226,232,240,.8)}.cmd-prefix{color:#94a3b8;font-family:ui-monospace,monospace;font-size:.75rem}.cmd-text{font-size:.76rem;color:#0f172a;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-copy-mini{background:none;border:none;color:#64748b;cursor:pointer;padding:2px 4px;display:inline-flex;align-items:center;border-radius:4px}.btn-copy-mini:hover{background:#0284c71a;color:#0284c7}.story-chapters-linear-flow{display:flex;flex-direction:column;gap:36px}.chapter-linear-card{scroll-margin-top:90px}.chapter-act-pill{font-family:ui-monospace,monospace;font-size:.8rem;font-weight:800;padding:3px 10px;background:#0f172a;color:#38bdf8;border-radius:8px}.case-download-section{scroll-margin-top:90px}.download-hero-card{position:relative;background:linear-gradient(145deg,#090e1a,#0f172a);border:1px solid rgba(56,189,248,.3);border-radius:24px;padding:36px;color:#fff;overflow:hidden;box-shadow:0 20px 40px -10px #0f172a4d}.download-card-glow{position:absolute;top:-80px;right:-80px;width:320px;height:320px;background:radial-gradient(circle,rgba(2,132,199,.35) 0%,rgba(124,58,237,.2) 60%,transparent 80%);filter:blur(40px);pointer-events:none}.download-card-body{position:relative;z-index:2;display:flex;flex-direction:column;gap:20px}.download-card-header{display:flex;align-items:center;gap:20px}.apk-icon-badge{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#0284c7,#3b82f6);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #0284c766;flex-shrink:0}.apk-meta-header{display:flex;flex-direction:column;gap:4px}.apk-tag-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.apk-badge-version{font-size:.76rem;font-weight:800;padding:2px 10px;border-radius:100px;background:#10b98133;border:1px solid rgba(16,185,129,.5);color:#34d399}.apk-badge-size,.apk-badge-date{font-size:.74rem;color:#94a3b8}.apk-file-name{font-family:ui-monospace,monospace;font-size:1.45rem;font-weight:800;color:#fff;margin:0}.apk-title-desc{margin:0;font-size:.92rem;color:#94a3b8}.apk-summary-desc{margin:0;font-size:.98rem;line-height:1.75;color:#cbd5e1}.apk-features-list{background:#0f172a99;border:1px solid rgba(51,65,85,.6);border-radius:14px;padding:18px 20px}.features-headline{margin:0 0 10px;font-size:.92rem;font-weight:700;color:#38bdf8}.apk-features-list ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.apk-features-list li{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.6;color:#e2e8f0}.feat-check-icon{color:#34d399;flex-shrink:0;margin-top:3px}.apk-checksum-box{background:#020617b3;border:1px solid rgba(30,41,59,.8);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:6px}.checksum-row{display:flex;align-items:center;gap:10px;font-size:.78rem}.checksum-label{font-weight:700;color:#64748b;min-width:65px}.checksum-val{font-family:ui-monospace,monospace;color:#94a3b8;word-break:break-all}.download-action-buttons{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:6px}.btn-download-primary{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:14px;background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;font-weight:800;font-size:1rem;text-decoration:none;box-shadow:0 8px 24px #0284c766;transition:all .25s ease}.btn-download-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0284c780;background:linear-gradient(135deg,#0369a1,#1d4ed8)}.btn-size-tag{font-size:.82rem;opacity:.85}.btn-download-secondary{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:14px;background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#34d399;font-weight:700;font-size:.95rem;text-decoration:none;box-shadow:0 4px 16px #10b98126;transition:all .25s ease}.btn-download-secondary:hover{background:#10b98140;border-color:#10b981a6;color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #10b98140}.btn-copy-direct-link{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:14px;background:#1e293bcc;border:1px solid rgba(71,85,105,.8);color:#cbd5e1;font-weight:700;font-size:.92rem;cursor:pointer;transition:all .2s ease}.btn-copy-direct-link:hover{background:#334155e6;color:#fff}.download-quick-commands{margin-top:10px;border-top:1px solid rgba(51,65,85,.6);padding-top:18px}.commands-headline{margin:0 0 12px;font-size:.88rem;font-weight:700;color:#94a3b8}.quick-cmds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.cmd-snippet-item{background:#02061799;border:1px solid rgba(30,41,59,.8);border-radius:10px;padding:10px 14px}.cmd-snippet-label{font-size:.74rem;color:#64748b;margin-bottom:4px}.cmd-snippet-code{display:flex;align-items:center;justify-content:space-between;gap:8px}.cmd-snippet-code code{color:#38bdf8;font-size:.8rem;font-family:ui-monospace,monospace}@media(max-width:1024px){.case-detail-layout{display:flex;flex-direction:column;gap:32px}.case-sidebar-toc{position:sticky;top:var(--nav-height, 64px);z-index:40;margin:0 -16px;padding:0}.sidebar-toc-sticky-box{border-radius:0;border-left:none;border-right:none;border-top:1px solid rgba(226,232,240,.8);border-bottom:1px solid rgba(226,232,240,.8);padding:10px 16px;max-height:none;overflow-y:visible}.sidebar-toc-header,.sidebar-quick-download,.sidebar-contact-box,.toc-nav-link.is-sub{display:none}.sidebar-toc-nav{flex-direction:row;overflow-x:auto;white-space:nowrap;gap:8px;padding-bottom:2px;scrollbar-width:none}.sidebar-toc-nav::-webkit-scrollbar{display:none}.toc-nav-link{padding:6px 14px;border-radius:9999px;background:#f1f5f9;font-size:.82rem;flex-shrink:0}.toc-bullet{display:none}.toc-nav-link.active{background:#0284c7;color:#fff}}@media(max-width:640px){.download-hero-card{padding:24px 18px}.download-card-header{flex-direction:column;align-items:flex-start;gap:12px}.param-cards-grid,.extraction-methodology-grid{grid-template-columns:1fr}.btn-download-primary,.btn-copy-direct-link{width:100%;justify-content:center}}.mobile-extended-gallery-wrap{margin-top:36px;background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid rgba(226,232,240,.9);border-radius:20px;padding:28px 24px;box-shadow:0 4px 16px #0f172a08}.extended-gallery-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.gallery-header-left{display:flex;align-items:center;gap:10px}.gallery-header-icon{color:var(--color-cyan, #0284c7)}.gallery-header-title{margin:0;font-size:1.12rem;font-weight:800;color:#0f172a}.gallery-header-badge{font-size:.78rem;font-weight:700;color:#0284c7;background:#0284c714;border:1px solid rgba(2,132,199,.2);padding:4px 12px;border-radius:100px}.mobile-extended-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:900px){.mobile-extended-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.mobile-extended-grid{grid-template-columns:1fr}}.extended-mobile-card{display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff;border:1px solid rgba(226,232,240,.7);border-radius:18px;padding:16px 12px 14px;box-shadow:0 2px 8px #0f172a05;transition:all .25s ease}.extended-mobile-card:hover{transform:translateY(-4px);border-color:#0284c766;box-shadow:0 10px 24px -4px #0284c71f}.phone-device-mockup.mini-mockup{max-width:170px;border-radius:26px;padding:5px}.phone-device-mockup.mini-mockup .phone-device-inner{border-radius:20px}.phone-device-mockup.mini-mockup .phone-island-notch{width:36px;height:8px;top:5px}:root{--bg-dark: #f8fafc;--bg-primary: #ffffff;--bg-secondary: #f1f5f9;--bg-card: rgba(255, 255, 255, .92);--bg-card-hover: #ffffff;--bg-glass: rgba(15, 23, 42, .03);--bg-input: #ffffff;--bg-header: rgba(255, 255, 255, .85);--bg-header-scrolled: rgba(255, 255, 255, .96);--color-cyan: #0284c7;--color-blue: #2563eb;--color-blue-light: #0ea5e9;--color-purple: #7c3aed;--color-indigo: #4f46e5;--color-pink: #db2777;--color-orange: #ea580c;--color-success: #10b981;--gradient-brand: linear-gradient(135deg, #0284c7 0%, #2563eb 35%, #7c3aed 70%, #ea580c 100%);--gradient-brand-subtle: linear-gradient(135deg, rgba(2, 132, 199, .08) 0%, rgba(124, 58, 237, .08) 100%);--gradient-text-primary: linear-gradient(180deg, #0f172a 20%, #334155 100%);--gradient-text-accent: linear-gradient(135deg, #0284c7 0%, #4f46e5 50%, #7c3aed 100%);--gradient-border: linear-gradient(135deg, rgba(2, 132, 199, .3), rgba(124, 58, 237, .2), rgba(234, 88, 12, .2));--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Noto Sans SC", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--border-subtle: rgba(15, 23, 42, .08);--border-light: rgba(15, 23, 42, .12);--border-accent: rgba(2, 132, 199, .35);--glow-cyan: 0 0 30px -5px rgba(2, 132, 199, .2);--glow-purple: 0 0 30px -5px rgba(124, 58, 237, .2);--glow-brand: 0 10px 30px -10px rgba(37, 99, 235, .3);--shadow-card: 0 10px 25px -5px rgba(15, 23, 42, .05), 0 4px 6px -2px rgba(15, 23, 42, .02);--shadow-card-hover: 0 20px 35px -10px rgba(15, 23, 42, .1), 0 8px 12px -4px rgba(15, 23, 42, .04);--shadow-modal: 0 25px 50px -12px rgba(15, 23, 42, .2), 0 8px 16px -4px rgba(15, 23, 42, .06);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 32px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--z-base: 1;--z-sticky: 10;--z-nav: 50;--z-modal: 100;--z-toast: 200;--max-width: 1240px;--nav-height: 72px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.16, 1, .3, 1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.65;overflow-x:hidden;background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(37,99,235,.08),transparent),radial-gradient(circle at 85% 25%,rgba(139,92,246,.07),transparent 45%),radial-gradient(circle at 15% 65%,rgba(2,132,199,.06),transparent 50%);background-attachment:fixed}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(15,23,42,.035) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}#root{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.25;color:var(--text-primary);letter-spacing:-.02em}h1{font-size:clamp(2.2rem,5vw,3.8rem)}h2{font-size:clamp(1.8rem,3.5vw,2.6rem)}h3{font-size:clamp(1.3rem,2.5vw,1.8rem)}h4{font-size:1.25rem}p{color:var(--text-secondary)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}img,svg{display:block;max-width:100%}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:var(--space-6);padding-right:var(--space-6)}@media(max-width:640px){.container{padding-left:var(--space-4);padding-right:var(--space-4)}}.section{padding-top:var(--space-20);padding-bottom:var(--space-20);position:relative}@media(max-width:768px){.section{padding-top:var(--space-12);padding-bottom:var(--space-12)}}.section-header{text-align:center;max-width:680px;margin:0 auto var(--space-12)}.section-tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 14px;border-radius:var(--radius-full);background:#0284c714;border:1px solid rgba(2,132,199,.25);color:var(--color-cyan);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4)}.section-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-blue);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-3)}.section-eyebrow .eyebrow-icon,.section-eyebrow svg{color:var(--color-cyan);display:inline-flex;align-items:center;flex-shrink:0}.section-title{margin-bottom:var(--space-4);background:var(--gradient-text-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{font-size:1.1rem;line-height:1.6;color:var(--text-secondary)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 28px;border-radius:var(--radius-full);background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:600;font-size:.95rem;box-shadow:0 4px 16px -2px #2563eb66;transition:all var(--transition-normal);position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px -3px #7c3aed80}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 26px;border-radius:var(--radius-full);background:#fff;border:1px solid var(--border-light);color:var(--text-primary);font-weight:600;font-size:.95rem;box-shadow:0 2px 8px -1px #0f172a0d;transition:all var(--transition-normal)}.btn-secondary:hover{background:#f8fafc;border-color:#0f172a33;color:var(--color-cyan);box-shadow:0 4px 14px -2px #0f172a14;transform:translateY(-2px)}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.glass-card:hover{border-color:var(--border-light);background:var(--bg-card-hover);box-shadow:var(--shadow-card-hover)}.text-gradient{background:var(--gradient-text-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#0f172a2e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0f172a52}


/* ========================================================
   Mobile & Responsive Optimization for Phicomm T1 Case
   ======================================================== */
html, body {
  overflow-x: hidden;
  max-width: 100vw;
}

.case-detail-page {
  overflow-x: hidden;
  max-width: 100%;
}

.hero-ambient-atmosphere {
  max-width: 100vw;
  overflow: hidden;
  pointer-events: none;
}

@media (max-width: 1024px) {
  .case-detail-layout {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 28px !important;
  }
  
  .case-sidebar-toc {
    position: sticky !important;
    top: var(--nav-height, 64px) !important;
    z-index: 40 !important;
    width: calc(100% + 32px) !important;
    max-width: 100vw !important;
    margin: 0 -16px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  
  .sidebar-toc-sticky-box {
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
    border-top: 1px solid rgba(226, 232, 240, 0.8) !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.8) !important;
    padding: 8px 16px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  
  .sidebar-toc-nav {
    display: flex !important;
    flex-direction: row !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    gap: 8px !important;
    padding-bottom: 4px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .sidebar-toc-nav::-webkit-scrollbar {
    display: none !important;
  }
  
  .case-main-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
}

@media (max-width: 640px) {
  .case-detail-topbar {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  .case-breadcrumbs {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .breadcrumb-current {
    display: inline-block !important;
    max-width: 170px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    vertical-align: bottom !important;
  }
}

pre, code {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

code {
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

.terminal-code-body, .command-pre {
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  box-sizing: border-box !important;
  white-space: pre !important;
}

@media (max-width: 768px) {
  .param-cards-grid {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .extraction-methodology-grid {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}

.param-item-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.param-card-header {
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.param-path-code {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.param-path-code code {
  word-break: break-all !important;
}

.param-cmd-row {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

.cmd-text {
  min-width: 0 !important;
  flex: 1 1 0% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 640px) {
  .download-hero-card {
    padding: 22px 16px !important;
    border-radius: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .download-card-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }
  .apk-file-name {
    font-size: 1.25rem !important;
    word-break: break-all !important;
  }
  .checksum-row {
    flex-wrap: wrap !important;
    gap: 4px !important;
  }
  .checksum-label {
    min-width: unset !important;
    display: block !important;
    width: 100% !important;
  }
  .checksum-val {
    width: 100% !important;
    font-size: 0.72rem !important;
    word-break: break-all !important;
  }
  .download-action-buttons {
    flex-direction: column !important;
    width: 100% !important;
    gap: 10px !important;
  }
  .btn-download-primary, .btn-download-secondary, .btn-copy-direct-link {
    width: 100% !important;
    justify-content: center !important;
    padding: 12px 16px !important;
    font-size: 0.92rem !important;
    box-sizing: border-box !important;
  }
  .quick-cmds-grid {
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }
  .cmd-snippet-item {
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  .cmd-snippet-code {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .cmd-snippet-code code {
    word-break: break-all !important;
  }
}

@media (max-width: 640px) {
  .tutorial-step-card {
    padding: 20px 16px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
  }
  .step-card-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }
  .step-title {
    font-size: 1.15rem !important;
  }
  .step-image-frame {
    max-width: 100% !important;
    width: 100% !important;
  }
  .step-image-frame img {
    width: 100% !important;
    height: auto !important;
  }
  .story-chapter-showcase {
    padding: 20px 16px !important;
    border-radius: 18px !important;
  }
  .chapter-showcase-title {
    font-size: 1.3rem !important;
  }
  .chapter-showcase-subtitle {
    font-size: 0.95rem !important;
    margin-bottom: 16px !important;
  }
  .chapter-narrative-flow {
    font-size: 0.96rem !important;
    line-height: 1.75 !important;
  }
  .chapter-takeaway-callout {
    padding: 14px 16px !important;
  }
}

@media (max-width: 640px) {
  .case-pagination-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .nav-case-card {
    padding: 16px !important;
    box-sizing: border-box !important;
  }
  .nav-case-title {
    font-size: 0.92rem !important;
    word-break: break-word !important;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  .case-conversion-banner {
    flex-direction: column !important;
    padding: 24px 18px !important;
    gap: 16px !important;
    text-align: center !important;
  }
  .conversion-actions {
    width: 100% !important;
    justify-content: center !important;
  }
  .footer-cta-banner {
    padding: 24px 16px !important;
    text-align: center !important;
  }
}