.fdf-wrap *,.fdf-wrap *::before,.fdf-wrap *::after{box-sizing:border-box;margin:0;padding:0}.fdf-wrap{--c-bg:#f0f2f7;--c-card:#ffffff;--c-border:#dde2ef;--c-border-light:#eaecf5;--c-text-head:#111827;--c-text-body:#374151;--c-text-sub:#6b7280;--c-accent:#1e9e74;--c-accent-blue:#2563eb;--c-step-idle:#f8f9fc;--c-step-active:#0f172a;--c-step-deliver:#eff6ff;--c-num-idle:#9ca3af;--c-num-active:#ffffff;--c-arrow:#c4cad9;--c-shadow:rgba(15,23,42,.08);--radius:14px;--radius-sm:10px;--transition:0.35s cubic-bezier(.4,0,.2,1);background:var(--c-bg);border-radius:var(--radius);padding:28px 28px 28px;font-family:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;width:100%;max-width:100%;overflow:hidden}.fdf-title-card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:18px 22px;margin-bottom:18px;box-shadow:0 1px 4px var(--c-shadow)}.fdf-title{font-size:clamp(14px, 2.2vw, 18px);font-weight:700;color:var(--c-text-head);line-height:1.4;letter-spacing:-.025em}.fdf-tabs{display:flex;align-items:stretch;gap:0;background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:4px;box-shadow:0 1px 4px var(--c-shadow);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.fdf-tabs::-webkit-scrollbar{display:none}.fdf-tab{flex:1;min-width:110px;display:flex;align-items:center;gap:10px;background:var(--c-step-idle);border:1.5px solid var(--c-border-light);border-radius:var(--radius-sm);padding:12px 14px;cursor:pointer;transition:all var(--transition);text-align:left;font-family:inherit;position:relative;outline:none;-webkit-tap-highlight-color:#fff0}.fdf-tab:hover:not(.fdf-tab--active){border-color:var(--c-accent);background:#f0fdf8;transform:translateY(-1px);box-shadow:0 4px 12px rgb(30 158 116 / .15)}.fdf-tab:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.fdf-tab--active{background:var(--c-step-active);border-color:var(--c-step-active);transform:translateY(-2px);box-shadow:0 8px 20px rgb(15 23 42 / .28)}.fdf-tab[data-index="4"]{background:var(--c-step-deliver);border-color:#bfdbfe}.fdf-tab[data-index="4"]:hover:not(.fdf-tab--active){border-color:var(--c-accent-blue);background:#dbeafe;box-shadow:0 4px 12px rgb(37 99 235 / .15)}.fdf-tab[data-index="4"].fdf-tab--active{background:var(--c-accent-blue);border-color:var(--c-accent-blue);box-shadow:0 8px 20px rgb(37 99 235 / .3)}.fdf-tab__num{width:26px;height:26px;border-radius:50%;background:rgb(107 114 128 / .12);color:var(--c-num-idle);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition);font-family:'Inter',sans-serif}.fdf-tab--active .fdf-tab__num{background:rgb(255 255 255 / .18);color:var(--c-num-active)}.fdf-tab__label{display:flex;flex-direction:column;gap:2px}.fdf-tab__label strong{display:block;font-size:clamp(12px, 1.4vw, 14px);font-weight:700;color:var(--c-text-head);line-height:1.2;letter-spacing:-.015em;transition:color var(--transition)}.fdf-tab__label em{display:block;font-size:clamp(10px, 1.1vw, 11px);font-style:italic;color:var(--c-text-sub);line-height:1.3;transition:color var(--transition)}.fdf-tab--active .fdf-tab__label strong,.fdf-tab--active .fdf-tab__label em{color:rgb(255 255 255 / .95)}.fdf-tab__arrow{color:var(--c-arrow);flex-shrink:0;display:flex;align-items:center;padding:0 2px}.fdf-panels{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-sm);margin-top:4px;min-height:120px;overflow:hidden;box-shadow:0 1px 4px var(--c-shadow);position:relative}.fdf-panel{display:none;padding:24px 26px 22px;animation:fdfSlideIn var(--transition) forwards}.fdf-panel--active{display:block}@keyframes fdfSlideIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fdf-panel__heading{font-size:clamp(15px, 2vw, 18px);font-weight:700;color:var(--c-text-head);line-height:1.35;letter-spacing:-.025em;margin-bottom:10px}.fdf-panel__sep{color:var(--c-text-sub);font-weight:400;margin:0 4px}.fdf-panel__sub{font-weight:400;color:var(--c-text-sub)}.fdf-panel__text{font-size:clamp(13px, 1.6vw, 15px);color:var(--c-text-body);line-height:1.7;max-width:840px}@media (max-width:767px){.fdf-wrap{padding:16px 14px;background:var(--c-bg);border-radius:var(--radius-sm)}.fdf-title-card{padding:14px 16px;margin-bottom:14px}.fdf-tabs{display:none}.fdf-panels{position:relative;overflow:hidden;min-height:0;border-radius:var(--radius-sm)}.fdf-panel{display:none;position:static;transform:none!important;transition:none!important;animation:none!important;padding:20px 18px 20px}.fdf-panel--active{display:block;position:relative}.fdf-mobile-nav{display:flex!important;align-items:center;justify-content:space-between;background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:4px;box-shadow:0 1px 4px var(--c-shadow)}.fdf-mobile-nav__prev,.fdf-mobile-nav__next{width:36px;height:36px;border-radius:8px;border:1.5px solid var(--c-border);background:var(--c-step-idle);color:var(--c-text-body);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all 0.2s ease;-webkit-tap-highlight-color:#fff0}.fdf-mobile-nav__prev:hover,.fdf-mobile-nav__next:hover{background:var(--c-step-active);border-color:var(--c-step-active);color:#fff}.fdf-mobile-nav__prev:disabled,.fdf-mobile-nav__next:disabled{opacity:.35;cursor:default}.fdf-mobile-nav__info{display:flex;flex-direction:column;align-items:center;gap:2px}.fdf-mobile-nav__label{font-size:15px;font-weight:700;color:var(--c-text-head);letter-spacing:-.02em}.fdf-mobile-nav__sub{font-size:11px;color:var(--c-text-sub);font-style:italic}.fdf-mobile-nav__count{font-size:11px;color:var(--c-text-sub);font-weight:600}}.fdf-mobile-nav{display:none}.fdf-wrap.fdf-theme-dark{--c-bg:#141927;--c-card:#1e2537;--c-border:#2d3654;--c-border-light:#2a3251;--c-text-head:#f1f5f9;--c-text-body:#94a3b8;--c-text-sub:#64748b;--c-step-idle:#242d45;--c-step-active:#4CAF91;--c-arrow:#2d3654;--c-shadow:rgba(0,0,0,.3);--c-num-idle:#4a5568}.fdf-wrap.fdf-theme-dark .fdf-tab--active .fdf-tab__label strong,.fdf-wrap.fdf-theme-dark .fdf-tab--active .fdf-tab__label em{color:#fff}