.ve-fab{color:#fff;cursor:pointer;z-index:99998;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.5px;background:#2563ebe6;border:none;border-radius:22px;align-items:center;gap:6px;height:44px;padding:0 16px 0 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 16px #2563eb40}.ve-fab:hover{background:#2563eb;transform:scale(1.05);box-shadow:0 6px 24px #2563eb59}.ve-fab:active{transform:scale(.96)}.ve-fab-label{white-space:nowrap}body.ve-editing{-webkit-user-select:none;user-select:none}body.ve-editing img{cursor:pointer;outline-offset:3px;outline:2px dashed #0000;transition:outline-color .15s}body.ve-editing img:hover{outline-color:#2563eb66}body.ve-editing img.ve-sel{outline-offset:3px;cursor:move;outline:2px solid #2563eb!important}.ve-bar{color:#fff;z-index:99999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172af5;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;max-width:92vw;padding:10px 20px;font-size:13px;animation:.25s ve-slide-up-bar;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000040}@keyframes ve-slide-up-bar{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.ve-bar-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.ve-badge{color:#fff;letter-spacing:.5px;background:#2563eb;border-radius:4px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:600}.ve-status{text-overflow:ellipsis;white-space:nowrap;color:#ffffffd9;flex:1;min-width:0;overflow:hidden}.ve-bar-actions{flex-shrink:0;gap:8px;display:flex}.ve-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:500;transition:all .15s}.ve-btn:disabled{opacity:.4;cursor:not-allowed}.ve-btn-copy{color:#fff;background:#ffffff1f}.ve-btn-copy:hover:not(:disabled){background:#ffffff38}.ve-btn-exit{color:#fff;background:#22c55e;font-weight:600}.ve-btn-exit:hover{background:#16a34a;box-shadow:0 2px 8px #22c55e66}.ve-btn-primary{color:#fff;background:#2563eb;padding:8px 20px}.ve-btn-primary:hover{background:#1d4ed8}.ve-btn-secondary{color:#fff;background:#ffffff1f;padding:8px 20px}.ve-btn-secondary:hover{background:#ffffff38}.ve-btn-replace{color:#fff;background:#f59e0b;font-weight:600}.ve-btn-replace:hover:not(:disabled){background:#d97706;box-shadow:0 2px 8px #f59e0b66}.ve-replace-section{background:#fef3c7;border:1px solid #fde68a;border-radius:8px;margin:12px 0;padding:14px}.ve-replace-info{margin-bottom:10px}.ve-replace-row{align-items:baseline;gap:6px;font-size:13px;line-height:1.8;display:flex}.ve-replace-label{color:#92400e;flex-shrink:0;font-weight:600}.ve-replace-value{color:#78350f;word-break:break-all}.ve-btn-download{color:#fff;background:#2563eb;width:100%;padding:9px;font-weight:600}.ve-btn-download:hover{background:#1d4ed8}.ve-handle{cursor:nwse-resize;z-index:99999;background:#2563eb;border:2px solid #fff;border-radius:50%;width:16px;height:16px;transition:transform .1s;position:fixed;box-shadow:0 2px 8px #00000059}.ve-handle:hover{background:#1d4ed8;transform:scale(1.35)}.ve-modal-overlay{z-index:100000;background:#00000073;justify-content:center;align-items:center;animation:.2s ve-fade-in;display:flex;position:fixed;inset:0}@keyframes ve-fade-in{0%{opacity:0}to{opacity:1}}.ve-modal{background:#fff;border-radius:12px;width:92%;max-width:520px;animation:.25s ve-slide-up;overflow:hidden;box-shadow:0 20px 60px #0000004d}@keyframes ve-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ve-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ve-modal-header h3{color:#1e293b;margin:0;font-size:16px;font-weight:600}.ve-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:22px;transition:all .15s;display:flex}.ve-modal-close:hover{color:#475569;background:#f1f5f9}.ve-modal-body{padding:20px}.ve-code-block{color:#e2e8f0;white-space:pre-wrap;word-break:break-all;background:#1e293b;border-radius:8px;margin:0 0 12px;padding:16px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.ve-modal-tip{color:#64748b;margin:0;font-size:13px;line-height:1.6}.ve-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}@media (width<=640px){.ve-fab{height:40px;padding:0 12px 0 10px;font-size:12px;bottom:20px;right:20px}.ve-fab-label{display:none}.ve-bar{border-radius:12px;max-width:none;padding:8px 12px;font-size:12px;bottom:16px;left:16px;right:16px;transform:none}@keyframes ve-slide-up-bar{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ve-badge{padding:2px 6px;font-size:10px}.ve-btn{padding:6px 12px;font-size:12px}.ve-modal{width:96%;margin:0 8px}.ve-code-block{padding:12px;font-size:12px}.ve-replace-section{padding:10px}.ve-replace-row{font-size:12px}.ve-btn-download{padding:8px}}.layout-root{background:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex}.header{z-index:100;background:var(--white-overlay-lg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border-warm);position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:var(--space-md);height:72px;display:flex}.logo{transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.logo:hover{opacity:.85}.logo-mark{border-radius:var(--radius-md);background:var(--gradient-accent);color:#fff;width:36px;height:36px;box-shadow:var(--shadow-cta);transition:transform var(--transition-fast);place-items:center;display:grid;overflow:hidden}.logo-image{object-fit:cover;width:100%;height:100%}.logo:hover .logo-mark{transform:scale(1.05)}.logo-text-wrap{align-items:baseline;gap:8px;display:flex}.logo-text{font-size:var(--font-size-lg);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}.logo-en{font-size:var(--font-size-2xs);color:var(--text-muted);font-weight:500;font-family:var(--font-mono);letter-spacing:.05em;letter-spacing:-.02em}.nav-center{flex:1;justify-content:flex-end;display:flex}.nav-links{flex-wrap:nowrap;align-items:center;gap:24px;display:flex}.nav-link{font-size:var(--font-size-sm);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:8px 0;font-weight:500;text-decoration:none;position:relative}.nav-link:hover{color:var(--primary)}.nav-link.active{color:var(--primary);font-weight:600}.nav-link.active:after{content:"";background:var(--primary);border-radius:var(--radius-pill);height:2px;position:absolute;bottom:0;left:0;right:0}.nav-link:last-child{position:relative}.nav-link:last-child:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.nav-right{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.mobile-menu-btn{background:var(--bg-tertiary);cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);border:none;padding:10px;display:none}.mobile-menu-btn:hover{background:var(--gray-200)}.mobile-menu-btn:active{background:var(--gray-300)}.main-content{flex:1;min-height:calc(100vh - 72px);animation:.4s ease-out pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.footer{background:var(--bg-zone);border-top:1px solid var(--border-warm-solid);margin-top:auto;padding:40px}.footer-inner{margin-bottom:24px}.footer-columns{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.footer-column h4{font-size:var(--font-size-xs);color:var(--text-dark);margin-bottom:8px;font-weight:600}.footer-column ul{margin:0;padding:0;list-style:none}.footer-column li{margin-bottom:8px}.footer-column a{font-size:var(--font-size-xs);color:var(--text-secondary);transition:color var(--transition-fast);line-height:2.4;text-decoration:none}.footer-column a:hover{color:var(--primary)}.footer-bottom{background:var(--text-bar-dark);border-top:1px solid var(--border-warm-solid);justify-content:center;align-items:center;margin-top:24px;padding:16px 40px;display:flex}.footer-bottom p{font-size:var(--font-size-xs);color:var(--text-bar-muted);text-align:center;margin:0;line-height:1.5}@media (width<=960px){.nav{height:64px}.nav-center{background:var(--white-overlay-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:var(--space-sm);border-bottom:1px solid var(--border-warm);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--transition-normal);position:absolute;top:64px;left:0;right:0;transform:translateY(-8px)}.nav-center.open{opacity:1;visibility:visible;transform:translateY(0)}.nav-links{flex-direction:column;gap:4px}.nav-link{text-align:left;width:100%;padding:12px 16px}.nav-stamp{display:none}.mobile-menu-btn{display:block}.footer-columns{grid-template-columns:repeat(2,1fr)}.footer-bottom{text-align:center;flex-direction:column;padding:16px 20px}}@media (width<=640px){.footer-columns{grid-template-columns:1fr}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);font-family:PingFang SC,Inter,"system-ui",sans-serif;font-size:16px;line-height:var(--line-height-relaxed)}:root{--primary:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;--primary-muted:#2563eb0f;--primary-glow:#2563eb26;--accent:#f59e0b;--accent-light:#fbbf24;--accent-dark:#d97706;--accent-muted:#f59e0b14;--accent-glow:#f59e0b33;--warm-gold:#f3e8ff;--warm-blue:#e0e7ff;--warm-coral:#fef3c7;--warm-cream:#faf9f5;--gray-50:#fafafa;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success:#10b981;--success-muted:#10b98114;--warning:#f59e0b;--warning-muted:#f59e0b14;--danger:#ef4444;--danger-muted:#ef444414;--info:#2563eb;--info-muted:#2563eb14;--purple:#8b5cf6;--purple-light:#a78bfa;--purple-dark:#7c3aed;--purple-muted:#8b5cf60f;--purple-glow:#8b5cf626;--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#6b7280;--text-light:#6b7280;--bg-primary:#faf9f5;--bg-secondary:#fff;--bg-tertiary:#f3f1eb;--bg-card:#fff;--bg-zone:#f3f1eb;--bg-accent-ultra-light:#fef3c7;--bg-video:#f5f0ff;--bg-hover:#2563eb0a;--bg-active:#2563eb14;--gradient-hero:linear-gradient(180deg, #2563eb 0%, #1d4ed8 50%, #3b82f6 100%);--gradient-card:linear-gradient(135deg, #fffffffa 0%, #faf9f5f5 100%);--gradient-primary:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--gradient-accent:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-accent-soft:linear-gradient(135deg, #f59e0b1a 0%, #2563eb0d 100%);--gradient-warm:linear-gradient(135deg, #e0e7ff66 0%, #e0e7ff4d 100%);--gradient-subtle:linear-gradient(90deg, #2563eb0d 0%, transparent 50%, #f59e0b0d 100%);--border:1px solid #e5e7ebcc;--border-light:1px solid #f3f4f6e6;--border-focus:1.5px solid #2563eb66;--shadow-sm:0 1px 3px #00000008, 0 1px 2px #f59e0b05;--shadow-md:0 4px 12px #0000000a, 0 2px 4px #f59e0b08;--shadow-lg:0 8px 30px #0000000f, 0 2px 8px #f59e0b0a;--shadow-xl:0 16px 40px #00000014, 0 8px 16px #f59e0b0d;--shadow-hover:0 12px 40px #0000001f;--shadow-glow:0 0 24px #f59e0b26;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-pill:9999px;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:64px;--space-2xl:80px;--space-3xl:120px;--font-sans:"PingFang SC", "Inter", "system-ui", sans-serif;--font-serif:"Georgia", "Noto Serif SC", "Source Han Serif SC", serif;--font-heading:var(--font-serif);--font-mono:"JetBrains Mono", "SF Mono", "Monaco", monospace;--font-size-xs:14px;--font-size-sm:15px;--font-size-md:16px;--font-size-lg:19px;--font-size-xl:26px;--font-size-2xl:36px;--font-size-3xl:48px;--font-size-hero:clamp(52px, 7vw, 64px);--font-size-hero-sm:clamp(2.5rem, 5vw, 3.25rem);--font-size-hero-lg:clamp(2.8rem, 6vw, 3.5rem);--font-size-2xs:12px;--font-size-xs-tight:13px;--font-size-lg-alt:28px;--font-size-xl-alt:32px;--line-height-tight:1.3;--line-height-normal:1.5;--line-height-relaxed:1.6;--btn-height-sm:36px;--btn-height-md:44px;--btn-height-lg:52px;--btn-padding-sm:8px 16px;--btn-padding-md:14px 28px;--btn-padding-lg:16px 32px;--btn-font-sm:var(--font-size-2xs);--btn-font-md:var(--font-size-xs);--btn-font-lg:var(--font-size-sm);--btn-radius-sm:var(--radius-sm);--btn-radius-md:var(--radius-md);--btn-radius-lg:var(--radius-lg);--icon-sm:16px;--icon-md:20px;--icon-lg:28px;--icon-xl:40px;--icon-stroke:2;--hover-lift-sm:translateY(-2px);--hover-lift-md:translateY(-4px);--hover-lift-lg:translateY(-6px);--breakpoint-sm:640px;--breakpoint-md:960px;--breakpoint-lg:1200px;--space-page-header-y:32px;--hero-section-height:361px;--white-overlay-xs:#fff3;--white-overlay-sm:#fff9;--white-overlay-md:#fffc;--white-overlay-lg:#fffffff0;--white-overlay-xl:#fffffffa;--white-text-hero:#ffffffe6;--border-warm:#e6dfd759;--border-warm-light:#e6dfd766;--border-warm-md:#e6dfd780;--border-warm-solid:#e5e3dd;--warm-bg-xs:#e6dfd733;--warm-bg-sm:#e6dfd74d;--warm-bg-md:#e6dfd780;--text-dark:#1a1a1a;--text-bar-dark:#2d2d2d;--text-bar-muted:#b8b8b8;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--transition-ease-out:.6s ease-out;--font-display:var(--font-serif);--font-magazine:var(--font-serif);--font-label:var(--font-mono);--font-size-mega:clamp(64px, 8vw, 96px);--font-size-big:clamp(48px, 6vw, 72px);--font-size-headline:clamp(32px, 4vw, 48px);--font-size-label:14px;--font-size-tag:14px;--font-size-caption:14px;--number-bg:var(--accent);--number-color:white;--number-size:48px;--number-radius:12px;--arrow-color:var(--accent);--arrow-size:32px;--gutter-xs:8px;--gutter-sm:12px;--gutter-md:16px;--gutter-lg:24px;--gutter-xl:32px;--grid-gap-dense:16px;--grid-gap-standard-col:24px;--grid-gap-standard-row:32px;--grid-gap-open:40px;--card-padding-compact:16px 20px;--card-padding-medium:20px 24px;--card-padding-standard:40px;--icon-card-sm:40px;--icon-card-md:48px;--icon-card-lg:64px;--card-border-semantic-width:3px;--card-border-default:1px solid var(--bg-zone);--color-block-blue:#2563eb;--color-block-orange:#d97706;--color-block-purple:#8b5cf6;--color-block-cream:#fefce8;--color-block-gray:#292524;--risk-banner-bg:#fef3c7;--risk-banner-text:#92400e;--risk-banner-height:56px;--bg-function-blue:#f0f4ff;--bg-function-orange:#fff5eb;--bg-function-purple:#f5f0ff;--bg-function-green:#ecfdf5;--bg-function-gray:#f3f4f6;--shadow-card:0 4px 16px #00000014, 0 2px 6px #f59e0b0f;--shadow-card-hover:0 12px 32px #0000001f, 0 4px 12px #f59e0b14;--shadow-cta:0 8px 30px #f59e0b40;--shadow-cta-hover:0 12px 40px #f59e0b59;--bg-hover-light:#2563eb0a;--bg-hover-medium:#2563eb14;--accent-bg:#f59e0b14;--accent-light-bg:#f59e0b0a;--purple-light-bg:#8b5cf60a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes breathe{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.animate-fadeInUp{animation:.7s ease-out forwards fadeInUp}.animate-fadeInUp-delay-100{opacity:0;animation:.7s ease-out .1s forwards fadeInUp}.animate-fadeInUp-delay-200{opacity:0;animation:.7s ease-out .2s forwards fadeInUp}.animate-fadeInUp-delay-300{opacity:0;animation:.7s ease-out .3s forwards fadeInUp}.animate-fadeInUp-delay-400{opacity:0;animation:.7s ease-out .4s forwards fadeInUp}.animate-fadeInUp-delay-500{opacity:0;animation:.7s ease-out .5s forwards fadeInUp}.animate-pulse-slow{animation:2s ease-in-out infinite pulse}.animate-count{animation:.5s ease-out forwards countUp}.animate-float{animation:4s ease-in-out infinite float}.animate-breathe{animation:3s ease-in-out infinite breathe}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;font-weight:600;line-height:1.25}h1{font-size:var(--font-size-hero);letter-spacing:-.02em}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.8}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-dark)}strong{color:var(--text-primary);font-weight:600}code,pre,.mono{font-family:var(--font-mono)}.wrap{max-width:1500px;padding:0 var(--space-lg);margin:0 auto}.section{padding:var(--space-3xl) 0}.section-sm{padding:var(--space-xl) 0}.grid-2{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-start{align-items:flex-start;display:flex}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.decor-shape{pointer-events:none;z-index:0;filter:blur(50px);opacity:.5;border-radius:50%;position:absolute}.decor-shape.gold{background:var(--warm-gold)}.decor-shape.blue{background:var(--warm-blue)}.decor-shape.coral{background:var(--warm-coral)}.decor-wave{pointer-events:none;z-index:0;fill:none;stroke:#f59e0b0f;stroke-width:2px;position:absolute}.decor-circle{pointer-events:none;z-index:0;opacity:.6;border-radius:50%;position:absolute}.decor-circle.orange{background:linear-gradient(135deg,#f59e0b4d 0%,#fbbf2433 100%)}.decor-circle.blue{background:linear-gradient(135deg,#2563eb33 0%,#3b82f626 100%)}.decor-path{pointer-events:none;z-index:0;opacity:.3;position:absolute}.magazine-headline{font-family:var(--font-display);font-weight:600;font-size:var(--font-size-big);letter-spacing:-.02em;color:var(--text-primary);line-height:1.05}.magazine-headline.light{color:#fff}.magazine-headline.accent{color:var(--accent)}.magazine-headline.blue{color:var(--primary)}.magazine-headline.small{font-size:var(--font-size-headline)}.magazine-number{font-family:var(--font-mono);font-weight:700;font-size:var(--font-size-xl);color:var(--number-color);background:var(--number-bg);width:var(--number-size);height:var(--number-size);border-radius:var(--number-radius);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.magazine-number.small{width:36px;height:36px;font-size:var(--font-size-lg)}.magazine-number.large{width:64px;height:64px;font-size:var(--font-size-2xl)}.magazine-number.blue{--number-bg:var(--primary)}.magazine-number.purple{--number-bg:var(--purple)}.magazine-number.gray{--number-bg:var(--gray-700)}.magazine-number-outline{border:3px solid var(--number-bg);color:var(--number-bg);background:0 0}.magazine-arrow{font-size:var(--arrow-size);color:var(--arrow-color);font-weight:700;line-height:1}.magazine-arrow.small{font-size:24px}.magazine-arrow.blue{--arrow-color:var(--primary)}.magazine-arrow.white{--arrow-color:white}.magazine-label{font-family:var(--font-label);font-weight:600;font-size:var(--font-size-label);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.magazine-label.accent{color:var(--accent)}.magazine-label.blue{color:var(--primary)}.magazine-label.white{color:var(--white-overlay-md)}.magazine-block{padding:var(--space-xl) var(--space-xl);border-radius:var(--radius-lg);position:relative;overflow:hidden}.magazine-block.blue{background:var(--color-block-blue);color:#fff}.magazine-block.orange{background:var(--color-block-orange);color:#fff}.magazine-block.purple{background:var(--color-block-purple);color:#fff}.magazine-block.gray{background:var(--color-block-gray);color:#fff}.magazine-block.cream{background:var(--color-block-cream);color:var(--text-primary)}.magazine-block.gradient-blue{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff}.magazine-block.gradient-orange{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:#fff}.magazine-block.gradient-purple{background:linear-gradient(135deg, var(--purple) 0%, var(--purple-dark) 100%);color:#fff}.magazine-block.gradient-warm{background:linear-gradient(135deg, var(--accent) 0%, var(--primary) 100%);color:#fff}.magazine-block h1,.magazine-block h2,.magazine-block h3,.magazine-block h4{color:inherit}.magazine-block p{color:var(--white-overlay-md)}.magazine-block.cream p{color:var(--text-secondary)}.magazine-grid{gap:var(--gutter-lg);display:grid}.magazine-grid-2{grid-template-columns:repeat(2,1fr)}.magazine-grid-3{grid-template-columns:repeat(3,1fr)}.magazine-grid-4{grid-template-columns:repeat(4,1fr)}.magazine-grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.magazine-compare-bar{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--gradient-accent);border-radius:var(--radius-pill);color:#fff;display:flex}.magazine-compare-bar.blue{background:var(--gradient-primary)}.magazine-compare-bar .compare-text{font-weight:600;font-size:var(--font-size-md)}.magazine-compare-bar .compare-arrow{opacity:.9;font-size:20px;font-weight:700}.magazine-compare-bar .compare-items{gap:var(--space-sm);display:flex}.magazine-compare-bar .compare-item{font-size:var(--font-size-sm);background:var(--white-overlay-xs);border-radius:var(--radius-pill);padding:4px 12px;font-weight:600}.magazine-stat-card{gap:var(--space-xs);padding:var(--space-lg);background:var(--bg-card);border-radius:var(--radius-lg);border:var(--border);flex-direction:column;display:flex}.magazine-stat-value{font-family:var(--font-mono);font-weight:700;font-size:var(--font-size-3xl);color:var(--primary);line-height:1.1}.magazine-stat-value.accent{color:var(--accent)}.magazine-stat-value.purple{color:var(--purple)}.magazine-stat-label{font-family:var(--font-label);font-size:var(--font-size-label);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.magazine-figure{border-radius:var(--radius-lg);position:relative;overflow:hidden}.magazine-figure img{object-fit:cover;width:100%;height:100%}.magazine-figure-caption{padding:var(--space-md);color:#fff;font-size:var(--font-size-xs);background:linear-gradient(#0000,#000000b3);font-weight:500;position:absolute;bottom:0;left:0;right:0}.magazine-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.magazine-dot.blue{background:var(--primary)}.magazine-dot.purple{background:var(--purple)}.magazine-dot.gray{background:var(--gray-400)}.magazine-divider{background:linear-gradient(90deg, var(--accent), var(--primary));border-radius:var(--radius-pill);height:3px;margin:var(--space-xl) 0}.magazine-divider.blue{background:linear-gradient(90deg, var(--primary), var(--purple))}.magazine-divider.orange{background:linear-gradient(90deg, var(--accent), var(--accent-light))}.btn{height:var(--btn-height-md);border:var(--border);border-radius:var(--btn-radius-md);padding:var(--btn-padding-md);font-family:var(--font-sans);font-weight:600;font-size:var(--btn-font-md);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md);white-space:nowrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.btn:hover{background:var(--bg-zone);border-color:var(--gray-300);box-shadow:var(--shadow-hover);transform:var(--hover-lift-sm)}.btn:active{background:var(--gray-200);transform:translateY(0)}.btn-primary{background:var(--gradient-primary);color:#fff;border-color:#0000;box-shadow:0 8px 30px #2563eb40}.btn-primary:hover{background:var(--primary-dark);transform:var(--hover-lift-sm);border-color:#0000;box-shadow:0 12px 40px #2563eb59}.btn-accent{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-cta);border-color:#0000}.btn-accent:hover{background:var(--accent-dark);box-shadow:var(--shadow-cta-hover);transform:var(--hover-lift-md);border-color:#0000}.btn-sm{height:var(--btn-height-sm);padding:var(--btn-padding-sm);font-size:var(--btn-font-sm);border-radius:var(--btn-radius-sm)}.btn-lg{height:var(--btn-height-lg);padding:var(--btn-padding-lg);font-size:var(--btn-font-lg);border-radius:var(--btn-radius-lg)}.btn-outline{border-color:var(--gray-300);color:var(--text-secondary);box-shadow:none;background:0 0}.btn-outline:hover{background:var(--bg-tertiary);border-color:var(--primary);color:var(--primary)}.btn-ghost{color:var(--text-muted);box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-outline-primary{border:1px solid var(--primary);color:var(--primary);box-shadow:none;background:0 0}.btn-outline-primary:hover{background:var(--primary-muted);border-color:var(--primary);color:var(--primary)}.btn-outline-accent{border:1px solid var(--accent);color:var(--accent);box-shadow:none;background:0 0}.btn-outline-accent:hover{background:var(--accent-muted);border-color:var(--accent);color:var(--accent)}.panel{border:var(--border);background:var(--gradient-card);padding:var(--space-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-normal);border-radius:20px;box-shadow:0 8px 30px #0000000f,0 2px 8px #f59e0b0a}.panel:hover{box-shadow:var(--shadow-card-hover);border-color:var(--accent);transform:var(--hover-lift-md)}.panel-dark{background:var(--primary);color:#fff;border-color:#ffffff1a}.panel-dark h2,.panel-dark h3,.panel-dark h4,.panel-dark p{color:#fff}.panel-dark p{color:#ffffffb3}.panel-soft{background:var(--gradient-accent-soft);border-color:#f59e0b26}.panel-warm{background:var(--warm-cream);border-color:#f59e0b26}.kicker{background:var(--warm-coral);color:var(--accent-dark);border-radius:var(--radius-pill);font-weight:600;font-size:var(--font-size-xs);letter-spacing:.3px;box-sizing:border-box;width:100%;padding:7px 16px;display:inline-block}.tag{border-radius:var(--radius-pill);font-size:var(--font-size-xs);border:1px solid var(--gray-200);background:var(--bg-card);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;padding:6px 14px;font-weight:600;display:inline-flex}.tag:hover{border-color:var(--accent);color:var(--accent)}.tag-blue{background:var(--primary-muted);color:var(--primary);border-color:#2563eb26}.tag-green{background:var(--success-muted);color:var(--success);border-color:#05966926}.tag-orange{background:var(--accent-muted);color:var(--accent);border-color:#f59e0b26}.tag-red{background:var(--danger-muted);color:var(--danger);border-color:#dc262626}.tag-dark{background:var(--primary);color:#fff;border-color:var(--primary)}.scenario{gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--gray-100);transition:all var(--transition-fast);grid-template-columns:56px 1fr;align-items:start;display:grid}.scenario:last-child{border-bottom:0}.scenario:hover{background:var(--bg-hover);margin:var(--space-sm) -12px;padding:var(--space-sm) 12px;border-radius:16px}.scenario-icon{background:var(--gradient-accent-soft);width:56px;height:56px;color:var(--accent);border-radius:16px;place-items:center;font-size:24px;display:grid}.scenario h3{font-size:var(--font-size-md);margin-bottom:4px;font-weight:600}.scenario p{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.6}.bar{border-radius:var(--radius-pill);background:var(--gradient-primary);height:20px}.progress-bar{border-radius:var(--radius-pill);background:var(--gray-200);height:8px;overflow:hidden}.progress-fill{border-radius:var(--radius-pill);background:var(--gradient-accent);height:100%;transition:width var(--transition-slow)}.product-card{border:var(--border);background:var(--gradient-card);padding:var(--space-md);transition:all var(--transition-normal);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;box-shadow:0 8px 30px #0000000f,0 2px 8px #f59e0b0a}.product-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--accent);transform:var(--hover-lift-md)}.product-card-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:flex-start;display:flex}.product-card-title{font-size:var(--font-size-lg);margin-bottom:4px;font-weight:600}.product-card-company{font-size:var(--font-size-sm);color:var(--text-muted)}.product-card-tagline{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--space-sm) 0;line-height:1.6}.product-card-footer{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--gray-100);justify-content:space-between;align-items:center;display:flex}.product-card-score{color:var(--accent);font-weight:700}.filter-tabs{gap:var(--space-xs);flex-wrap:wrap;display:flex}.filter-tab{border:var(--border);font-weight:600;font-size:var(--font-size-sm);background:var(--bg-card);cursor:pointer;transition:all var(--transition-fast);border-radius:16px;padding:10px 20px;box-shadow:0 8px 30px #0000000f,0 2px 8px #f59e0b0a}.filter-tab:hover{background:var(--bg-tertiary);box-shadow:0 12px 32px #00000014,0 6px 12px #f59e0b0f}.filter-tab.active{background:var(--gradient-accent);color:#fff;border-color:#0000;box-shadow:0 8px 30px #f59e0b40,0 2px 8px #f59e0b0a}.search-box{max-width:400px;position:relative}.search-input{border:var(--border);width:100%;font-size:var(--font-size-md);background:var(--gradient-card);transition:all var(--transition-fast);border-radius:16px;padding:14px 18px;box-shadow:0 8px 30px #0000000f,0 2px 8px #f59e0b0a}.search-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #f59e0b14}.score-card{border:var(--border);background:var(--gradient-card);padding:var(--space-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;box-shadow:0 8px 30px #0000000f,0 2px 8px #f59e0b0a}.data-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--gray-100);padding:12px 16px}.data-table th{color:var(--text-secondary);background:var(--bg-tertiary);z-index:10;font-weight:600;position:sticky;top:0}.data-table tr:hover{background:var(--bg-hover)}.divider{height:1px;margin:var(--space-xl) 0;background:linear-gradient(90deg,#0000,#e8e4db80,#0000)}.stat-value{font-size:var(--font-size-2xl);color:var(--accent);font-weight:700;line-height:1;font-family:var(--font-mono)}.stat-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.career-card{padding:var(--space-md);border:var(--border);background:var(--gradient-card);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;box-shadow:0 8px 30px #0000000f,0 2px 8px #f59e0b0a}.career-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--accent);transform:var(--hover-lift-md)}.career-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.career-icon{background:var(--gradient-accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.career-title{font-size:var(--font-size-md);font-weight:600}.career-products{margin-bottom:8px}.career-product{background:var(--accent-muted);color:var(--accent);border-radius:var(--radius-pill);font-size:var(--font-size-xs);margin-bottom:6px;margin-right:6px;padding:4px 10px;font-weight:600;display:inline-block}.career-desc{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.5}.badge{border-radius:var(--radius-pill);font-size:var(--font-size-sm);background:var(--accent-muted);color:var(--accent);align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.badge-green{background:var(--success-muted);color:var(--success)}.badge-orange{background:var(--accent-muted);color:var(--accent)}.badge-red{background:var(--danger-muted);color:var(--danger)}.badge-blue{background:var(--primary-muted);color:var(--primary)}.risk-banner{height:var(--risk-banner-height);background:var(--risk-banner-bg);color:var(--risk-banner-text);padding:0 var(--space-lg);font-size:var(--font-size-xs);z-index:1000;border-top:1px solid #f59e0b26;justify-content:center;align-items:center;font-weight:500;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000d}.risk-banner-content{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;max-width:1500px;display:flex}.risk-banner-icon{font-size:var(--font-size-sm)}.data-label{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-light);text-align:center;padding:var(--space-sm) 0}.ant-layout{background:var(--bg-primary)!important}.ant-layout-header{background:0 0!important;height:auto!important;padding:0!important;line-height:normal!important}.ant-layout-content{padding:0!important}.ant-layout-footer{font-size:var(--font-size-2xs)!important;color:var(--text-muted)!important;text-align:center!important;background:#d1ccc0!important;border-top:3px solid #b8b2a5!important;border-radius:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:20px 24px!important;font-weight:300!important}.ant-btn-primary{background:var(--gradient-primary)!important;border-color:#0000!important;border-radius:16px!important}.ant-card{border:var(--border)!important;border-radius:20px!important;box-shadow:0 8px 30px #0000000f,0 2px 8px #f59e0b0a!important}.ant-radio-button-wrapper{border-radius:16px!important}.ant-radio-button-wrapper-checked{background:var(--accent)!important;border-color:var(--accent)!important}@media (width<=960px){.wrap{padding:0 var(--space-md)}.section{padding:var(--space-xl) 0}.section-sm{padding:var(--space-lg) 0}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.risk-banner{height:64px;padding:0 var(--space-sm)}}@media (width<=640px){.wrap{padding:0 var(--space-sm)}.section{padding:var(--space-lg) 0}.section-sm{padding:var(--space-md) 0}h1{font-size:36px}h2{font-size:var(--font-size-xl)}h3{font-size:20px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.risk-banner{height:80px;font-size:var(--font-size-sm)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}::selection{color:var(--text-primary);background:#f59e0b26}.loading-spinner{border:3px solid var(--gray-200);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:var(--font-size-sm);color:var(--text-muted)}.step-indicator{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;display:flex}.step-dot{background:var(--gray-300);width:12px;height:12px;transition:all var(--transition-normal);border-radius:50%}.step-dot.active{background:var(--accent);box-shadow:0 0 0 4px #f59e0b26}.step-dot.completed{background:var(--accent)}.step-line{background:var(--gray-200);flex:1;height:2px}.step-line.completed{background:var(--accent)}.step-text{font-size:var(--font-size-xs);color:var(--text-muted)}.step-text.active{color:var(--accent);font-weight:600}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-xs)}.btn:focus-visible,button:focus-visible,[type=button]:focus-visible,[type=submit]:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 4px #2563eb26}a:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-xs)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.search-box{flex:1;min-width:220px}.search-input{width:100%;font-size:var(--font-size-sm);background:var(--bg-tertiary);color:var(--text-primary);transition:all var(--transition-fast);border:1px solid #e8e4db99;border-radius:16px;padding:14px 20px}.search-input:focus{border-color:var(--accent);box-shadow:var(--border-focus);outline:none}.filter-divider{background:#e8e4db99;width:1px;height:24px}.filter-tab-primary{font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#fff;border:1px solid #e8e4db99;border-radius:20px;padding:10px 20px;font-weight:600}.filter-tab-primary:hover{border-color:var(--accent);color:var(--accent)}.filter-tab-primary.active{background:var(--accent);border-color:var(--accent);color:#fff}.filter-tab-secondary{font-size:var(--font-size-xs);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:#fff;border:1px solid #e8e4db99;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:flex}.filter-tab-secondary:hover{border-color:var(--accent);color:var(--accent)}.filter-tab-secondary.active{background:var(--primary);border-color:var(--primary);color:#fff}.compare-toggle-btn{font-size:var(--font-size-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:#fff;border:1px solid #e8e4db99;border-radius:20px;flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:flex}.compare-toggle-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.compare-toggle-btn:disabled{cursor:not-allowed;opacity:.6}.compare-toggle-btn.can-compare{background:var(--warm-coral);border-color:var(--accent);color:var(--accent-dark)}.compare-toggle-btn.can-compare:hover{background:var(--accent);color:#fff}.seven-dimensions-info{font-size:var(--font-size-sm);color:var(--text-muted);background:var(--accent-bg);border-radius:10px;align-items:center;gap:8px;padding:8px 14px;display:flex}.seven-dimensions-info .info-label{color:var(--accent-dark);font-weight:600}.seven-dimensions-info .info-text{font-size:var(--font-size-sm)}.compare-section{padding:var(--space-md) 0}.compare-bar{background:var(--warm-coral);border:1px solid var(--accent);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;display:flex}.compare-bar-info{flex-direction:column;gap:8px;display:flex}.compare-bar-title{color:var(--accent-dark);font-weight:600}.compare-bar-actions{flex-shrink:0}.compare-tags{flex-wrap:wrap;gap:8px;display:flex}.compare-tag{color:var(--accent-dark);border:1px solid var(--accent);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:#fff;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-weight:600;display:flex}.compare-tag:hover{background:var(--accent);color:#fff}.compare-detail{grid-template-columns:1fr 1fr;gap:24px;margin-top:16px;display:grid}.compare-radar,.compare-table{background:#fff;border:1px solid #e8e4db99;border-radius:16px;padding:20px}.compare-radar h3,.compare-table h3{font-size:var(--font-size-sm);color:var(--text-dark);text-align:center;margin:0 0 16px;font-weight:600}.comparison-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.comparison-table th,.comparison-table td{text-align:left;border-bottom:1px solid #e8e4db99;padding:10px 12px}.comparison-table th{background:var(--bg-primary);color:var(--text-dark);font-weight:600}.comparison-table th:not(:first-child),.comparison-table td:not(:first-child){text-align:center}.comparison-table tr:last-child td{border-bottom:none}.score-badge{background:var(--warm-coral);color:var(--accent-dark);border-radius:8px;padding:4px 8px;font-weight:600;display:inline-block}.pricing-label-inline{border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:4px 10px;font-weight:600;display:inline-block}.pricing-free{background:var(--bg-function-green);color:#065f46}.pricing-limited{background:var(--warm-coral);color:var(--accent-dark)}.pricing-opensource{background:var(--bg-function-blue);color:#1e40af}.pricing-paid{background:var(--bg-function-gray);color:var(--text-muted)}.detail-link{color:var(--accent);font-weight:600;text-decoration:none}.detail-link:hover{text-decoration:underline}.compare-checkbox{cursor:pointer;width:20px;height:20px;transition:all var(--transition-fast);z-index:2;background:#fff;border:2px solid #e8e4dbcc;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;left:16px}.compare-checkbox:hover{border-color:var(--accent);background:var(--warm-coral)}.compare-checkbox.checked{background:var(--accent);border-color:var(--accent);color:#fff}.card-logo-img{object-fit:contain;border-radius:10px;width:100%;height:100%}.card-logo-initial{font-size:var(--font-size-md);color:var(--text-muted);font-weight:700}.card-detail-link{background:var(--accent);color:#fff;font-size:var(--font-size-sm);transition:all var(--transition-fast);box-shadow:var(--shadow-cta);border-radius:20px;align-items:center;gap:4px;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-flex}.card-detail-link:hover{background:var(--accent-dark);color:#fff;box-shadow:var(--shadow-cta-hover);transform:var(--hover-lift-md)}.card-detail-link:hover svg{transform:translate(4px)}.card-detail-link svg{transition:transform var(--transition-fast)}