:root{--c-primary: #4f46e5;--c-primary-hover: #4338ca;--c-primary-soft: #eef2ff;--c-primary-ring: rgba(79,70,229,.25);--c-neutral: #0f172a;--c-neutral-2: #475569;--c-neutral-3: #94a3b8;--c-neutral-4: #e2e8f0;--c-neutral-5: #f1f5f9;--c-neutral-6: #f8fafc;--c-neutral-7: #ffffff;--c-success: #059669;--c-success-soft: #ecfdf5;--c-danger: #dc2626;--c-danger-soft: #fef2f2;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.04);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-full: 9999px;--ease: cubic-bezier(.4,0,.2,1);--dur: .15s;--w-content: min(720px, 100%);--s-page-px: 20px;--s-card-px: 28px;--s-card-py: 28px;--s-section: 24px;--s-gap: 12px;--s-font: 14px;--s-font-sm: 13px;--s-font-xs: 12px;--s-input-h: 42px;--s-input-px: 12px;--s-btn-h: 42px;--s-btn-px: 24px;--s-type-h: 72px;--s-type-icon: 20px;--s-type-text: 12px}[data-theme=dark]{--c-primary: #818cf8;--c-primary-hover: #6366f1;--c-primary-soft: rgba(129,140,248,.1);--c-primary-ring: rgba(129,140,248,.25);--c-neutral: #f1f5f9;--c-neutral-2: #94a3b8;--c-neutral-3: #64748b;--c-neutral-4: #1e293b;--c-neutral-5: #0f172a;--c-neutral-6: #020617;--c-neutral-7: #0f172a;--c-success: #34d399;--c-success-soft: rgba(52,211,153,.1);--c-danger: #f87171;--c-danger-soft: rgba(248,113,113,.1);--shadow-xs: 0 1px 2px rgba(0,0,0,.2);--shadow-sm: 0 1px 3px rgba(0,0,0,.25), 0 1px 2px rgba(0,0,0,.15);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.3), 0 2px 4px -2px rgba(0,0,0,.2);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.35), 0 4px 6px -4px rgba(0,0,0,.2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.fb-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background:var(--c-neutral-6);color:var(--c-neutral);-webkit-font-smoothing:antialiased;font-size:var(--s-font);line-height:1.6}.fb-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 var(--s-page-px);background:var(--c-neutral-7);border-bottom:1px solid var(--c-neutral-4)}.fb-nav-back{display:inline-flex;align-items:center;gap:6px;color:var(--c-neutral-2);text-decoration:none;font-size:var(--s-font-sm);font-weight:500;padding:6px 10px;border-radius:var(--r-sm);transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.fb-nav-back:hover{color:var(--c-primary);background:var(--c-primary-soft)}.fb-nav-back svg{width:16px;height:16px;flex-shrink:0}.fb-nav-theme{cursor:pointer;padding:6px;border-radius:var(--r-sm);color:var(--c-neutral-3);transition:color var(--dur) var(--ease),background var(--dur) var(--ease);display:flex;align-items:center}.fb-nav-theme:hover{color:var(--c-primary);background:var(--c-primary-soft)}.fb-nav-theme svg{width:18px;height:18px}[data-theme=dark] .icon-sun,:not([data-theme=dark]) .icon-moon{display:none}[data-theme=dark] .icon-moon,:not([data-theme=dark]) .icon-sun{display:block}.fb-main{flex:1;width:var(--w-content);max-width:100%;margin:0 auto;padding:clamp(24px,4vh,40px) var(--s-page-px) clamp(24px,4vh,48px);display:flex;flex-direction:column;align-items:center}.fb-tips{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.fb-tip-item{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;background:var(--c-primary-soft);color:var(--c-primary);border-radius:var(--r-full);font-size:var(--s-font-xs);font-weight:500;white-space:nowrap}.fb-tip-item svg{width:14px;height:14px;flex-shrink:0;opacity:.75}.fb-card{background:var(--c-neutral-7);border:1px solid var(--c-neutral-4);border-radius:var(--r-lg);padding:var(--s-card-py) var(--s-card-px);box-shadow:var(--shadow-md);width:100%}.fb-card-header{margin-bottom:calc(var(--s-section) - 4px);padding-bottom:16px;border-bottom:1px solid var(--c-neutral-4)}.fb-card-title{font-size:clamp(18px,2.5vw,22px);font-weight:700;color:var(--c-neutral);margin:0 0 4px;letter-spacing:-.2px}.fb-card-subtitle{font-size:var(--s-font-sm);color:var(--c-neutral-2);margin:0;line-height:1.5}.fb-section{margin-bottom:var(--s-section)}.fb-section:last-child{margin-bottom:0}.fb-label{display:block;font-size:var(--s-font-sm);font-weight:600;color:var(--c-neutral);margin-bottom:8px}.fb-required{color:var(--c-danger);margin-left:2px}.fb-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-gap)}.fb-type-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:var(--s-type-h);border:1.5px solid var(--c-neutral-4);border-radius:var(--r-md);cursor:pointer;transition:all var(--dur) var(--ease);background:transparent;position:relative;-webkit-user-select:none;user-select:none}.fb-type-item input{position:absolute;opacity:0;width:0;height:0}.fb-type-item:hover{border-color:var(--c-primary);background:var(--c-primary-soft)}.fb-type-item.active{border-color:var(--c-primary);background:var(--c-primary-soft);box-shadow:0 0 0 3px var(--c-primary-ring)}.fb-type-item:focus-within{outline:2px solid var(--c-primary);outline-offset:2px}.fb-type-icon{font-size:var(--s-type-icon);line-height:1}.fb-type-text{font-size:var(--s-type-text);font-weight:600;color:var(--c-neutral-2);transition:color var(--dur) var(--ease)}.fb-type-item.active .fb-type-text{color:var(--c-primary)}.fb-row-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-gap)}.fb-input,.fb-textarea{width:100%;height:var(--s-input-h);padding:0 var(--s-input-px);border:1.5px solid var(--c-neutral-4);border-radius:var(--r-sm);background:var(--c-neutral-7);color:var(--c-neutral);font-size:var(--s-font);font-family:inherit;line-height:var(--s-input-h);outline:none;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.fb-textarea{height:auto;min-height:120px;padding:10px var(--s-input-px);line-height:1.6;resize:vertical}.fb-input::placeholder,.fb-textarea::placeholder{color:var(--c-neutral-3)}.fb-input:hover,.fb-textarea:hover{border-color:var(--c-neutral-3)}.fb-input:focus,.fb-textarea:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-ring)}.fb-input.error,.fb-textarea.error{border-color:var(--c-danger);box-shadow:0 0 0 3px #dc262626}.fb-input:disabled,.fb-textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--c-neutral-5)}.fb-field-error{font-size:var(--s-font-xs);color:var(--c-danger);min-height:0;margin-top:4px;transition:color var(--dur) var(--ease)}.fb-field-error:empty{margin-top:0}.fb-char-count{text-align:right;font-size:var(--s-font-xs);color:var(--c-neutral-3);margin-top:6px;transition:color var(--dur) var(--ease)}.fb-char-count.warn{color:var(--c-danger);font-weight:600}.fb-char-count.error{color:var(--c-danger);font-weight:700}.fb-actions{display:flex;gap:10px;margin-top:8px}.fb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--s-btn-h);padding:0 var(--s-btn-px);border:none;border-radius:var(--r-sm);font-size:var(--s-font-sm);font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--dur) var(--ease);line-height:1;white-space:nowrap}.fb-btn-primary{background:var(--c-primary);color:#fff}.fb-btn-primary:hover{background:var(--c-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.fb-btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.fb-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.fb-btn-primary:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.fb-btn-ghost{background:transparent;color:var(--c-neutral-2);border:1.5px solid var(--c-neutral-4)}.fb-btn-ghost:hover{border-color:var(--c-neutral-3);color:var(--c-neutral);background:var(--c-neutral-5)}.fb-btn-ghost:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.fb-spinner{width:16px;height:16px;animation:fb-spin .7s linear infinite}@keyframes fb-spin{to{transform:rotate(360deg)}}.fb-success-card{text-align:center;padding:clamp(36px,6vh,56px) var(--s-card-px)}.fb-success-icon{width:56px;height:56px;margin:0 auto 20px;color:var(--c-success);background:var(--c-success-soft);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:fb-pop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes fb-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.fb-success-icon svg{width:28px;height:28px}.fb-success-title{font-size:18px;font-weight:700;margin-bottom:6px}.fb-success-desc{font-size:var(--s-font-sm);color:var(--c-neutral-2);margin-bottom:24px;line-height:1.6}.fb-footer{display:flex;align-items:center;justify-content:center;padding:20px;font-size:var(--s-font-xs);color:var(--c-neutral-3);border-top:1px solid var(--c-neutral-4)}@media(max-width:479px){:root{--s-page-px: 14px;--s-card-px: 18px;--s-card-py: 20px;--s-section: 18px}.fb-type-grid{grid-template-columns:repeat(2,1fr)}.fb-row-2{grid-template-columns:1fr}.fb-actions{flex-direction:column}.fb-btn{width:100%}.fb-tips{flex-direction:column;gap:6px}.fb-tip-item{justify-content:center}}@media(min-width:480px)and (max-width:639px){.fb-type-grid{grid-template-columns:repeat(2,1fr)}.fb-row-2{grid-template-columns:1fr}.fb-actions{flex-direction:column}.fb-btn{width:100%}}@media(min-width:640px)and (max-width:1023px){:root{--w-content: 640px;--s-page-px: 24px;--s-card-px: 28px}}@media(min-width:1024px)and (max-width:1279px){:root{--w-content: 720px;--s-page-px: 32px;--s-card-px: 32px}}@media(min-width:1280px)and (max-width:1919px){:root{--w-content: 780px;--s-page-px: 32px;--s-card-px: 36px;--s-card-py: 32px;--s-section: 26px;--s-font: 15px;--s-font-sm: 14px;--s-font-xs: 13px;--s-input-h: 46px;--s-btn-h: 46px;--s-type-h: 80px;--s-type-icon: 22px;--s-type-text: 13px}}@media(min-width:1920px){:root{--w-content: 860px;--s-page-px: 40px;--s-card-px: 44px;--s-card-py: 40px;--s-section: 28px;--s-gap: 14px;--s-font: 15px;--s-font-sm: 14px;--s-font-xs: 13px;--s-input-h: 48px;--s-input-px: 14px;--s-btn-h: 48px;--s-btn-px: 28px;--s-type-h: 84px;--s-type-icon: 24px;--s-type-text: 14px}.fb-textarea{min-height:150px}.fb-success-icon{width:64px;height:64px}.fb-success-icon svg{width:32px;height:32px}.fb-success-title{font-size:20px}.fb-card-title{font-size:24px}}@media(min-width:2560px){:root{--w-content: 840px;--s-page-px: 48px;--s-card-px: 56px;--s-card-py: 48px;--s-section: 32px;--s-gap: 16px;--s-font: 17px;--s-font-sm: 16px;--s-font-xs: 14px;--s-input-h: 54px;--s-input-px: 16px;--s-btn-h: 54px;--s-btn-px: 32px;--s-type-h: 92px;--s-type-icon: 28px;--s-type-text: 15px}.fb-textarea{min-height:180px}.fb-nav{height:60px}.fb-success-icon{width:72px;height:72px}.fb-success-icon svg{width:36px;height:36px}.fb-success-title{font-size:24px}.fb-card-title{font-size:28px}.fb-tip-item{padding:6px 16px;font-size:14px}.fb-tip-item svg{width:16px;height:16px}}@media(min-width:3840px){:root{--w-content: 1060px;--s-page-px: 64px;--s-card-px: 72px;--s-card-py: 60px;--s-section: 38px;--s-gap: 20px;--s-font: 20px;--s-font-sm: 18px;--s-font-xs: 16px;--s-input-h: 64px;--s-input-px: 20px;--s-btn-h: 64px;--s-btn-px: 40px;--s-type-h: 108px;--s-type-icon: 34px;--s-type-text: 18px}.fb-textarea{min-height:220px}.fb-nav{height:72px}.fb-success-icon{width:88px;height:88px}.fb-success-icon svg{width:44px;height:44px}.fb-success-title{font-size:28px}.fb-card-title{font-size:34px}.fb-footer{font-size:16px;padding:28px}.fb-tip-item{padding:8px 20px;font-size:16px;gap:8px}.fb-tip-item svg{width:18px;height:18px}}