:root{--ink-900: #0b0c0e;--ink-800: #1a1d21;--ink-700: #2e3138;--ink-600: #4a4f58;--ink-500: #6b707a;--ink-400: #9ba1ab;--line-300: #d7dae0;--line-200: #e8eaee;--surface-1: #f3f4f6;--surface-0: #f9fafb;--paper: #ffffff;--signal-700: #b04a00;--signal-600: #d45800;--signal-500: #ff6b00;--signal-100: #ffd9bf;--signal-50: #fff3e8;--success: #0f7a5c;--success-tint: rgba(15, 122, 92, .08);--warning: #8a6100;--warning-tint: rgba(138, 97, 0, .1);--danger: #c4143c;--danger-tint: rgba(196, 20, 60, .08);--info: #1a5fb4;--font-sans: "Noto Sans TC", "Inter", "PingFang TC", "Microsoft JhengHei", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--shadow-pop: 0 4px 16px rgba(11, 12, 14, .1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .24s;--ease-out: cubic-bezier(.2, 0, 0, 1);--sidebar-width: 260px;--control-width: 340px}[data-theme=dark]{--ink-900: #f2f3f5;--ink-700: #c9ced6;--ink-500: #a8aeb8;--ink-400: #7c838e;--line-300: #2e333a;--line-200: #262a30;--surface-1: #101214;--surface-0: #0a0b0d;--paper: #ffffff;--signal-500: #ff8a33;--signal-600: #ff6b00;--signal-50: #241a12;--success: #3ecf9a;--warning: #e0a93a;--danger: #ff5c7a;--info: #5fa8ff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--surface-1);color:var(--ink-900);font-size:14px;line-height:1.6;height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}#root{height:100vh;display:flex;flex-direction:column}.mono-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}header{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:64px;background:var(--paper);border-bottom:1px solid var(--ink-900);flex:none;z-index:10}.logo{font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--ink-900);display:flex;align-items:center;gap:10px}.logo i{color:var(--signal-700)}.user-panel{display:flex;align-items:center;gap:20px;font-weight:500}.user-name{font-size:14px}.coins{display:flex;align-items:center;gap:8px;background:var(--signal-50);padding:6px 12px;border-radius:var(--r-sm);color:var(--signal-700);font-weight:600;font-family:var(--font-mono);cursor:help}.avatar{width:32px;height:32px;background:var(--ink-900);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:14px;cursor:pointer}.layout-container{display:flex;flex:1;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--surface-0);border-right:1px solid var(--line-300);padding:24px 0;display:flex;flex-direction:column;flex:none}.nav-group{margin-bottom:10px}.nav-item{padding:12px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color var(--dur-fast) var(--ease-out);font-weight:500;color:var(--ink-900)}.nav-item:hover{color:var(--signal-700)}.nav-item i.fa-chevron-down{font-size:12px;color:var(--ink-400)}.project-name-input{font-family:inherit;font-size:14px;font-weight:500;color:var(--ink-900);background:transparent;border:1px solid transparent;border-radius:var(--r-sm);padding:4px 8px;width:100%;outline:none;transition:border-color var(--dur-fast) var(--ease-out)}.project-name-input:hover,.project-name-input:focus{border-color:var(--line-300)}.project-name-input:focus{border-color:var(--signal-600)}.sub-menu{display:flex;flex-direction:column;padding:8px 0;border-top:1px solid var(--line-200)}.sub-item{padding:10px 24px 10px 44px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:13px;color:var(--ink-500);border-left:2px solid transparent;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.sub-item:hover{color:var(--ink-900)}.sub-item.active{color:var(--signal-700);font-weight:600;background:var(--signal-50);border-left-color:var(--signal-500)}.sub-item.disabled{opacity:.5;cursor:not-allowed}.main-content{flex:1;padding:32px 40px;overflow-y:auto;background:var(--surface-1)}.chapter-container{max-width:900px;margin:0 auto}.chapter-card{background:var(--paper);border-radius:var(--r-lg);margin-bottom:12px;border:1px solid var(--line-200);transition:border-color var(--dur-fast) var(--ease-out);overflow:hidden}.chapter-card:hover{border-color:var(--line-300)}.chapter-card.expanded{border-color:var(--ink-700)}.chapter-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:var(--paper);-webkit-user-select:none;user-select:none}.chapter-header:hover{background:var(--surface-0)}.chapter-title{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700}.drag-handle{color:var(--ink-400);cursor:grab;display:flex;flex-direction:column;gap:3px}.drag-handle span{display:block;width:14px;height:2px;background-color:var(--ink-400);border-radius:1px}.chapter-actions{display:flex;align-items:center;gap:16px;color:var(--ink-400)}.chapter-actions .fa-pen{padding:4px;border-radius:var(--r-sm);transition:all var(--dur-fast) var(--ease-out);cursor:pointer}.chapter-actions .fa-pen:hover{color:#fff;background:var(--ink-900)}.chapter-actions .chevron-icon{color:var(--ink-400);transition:color var(--dur-fast) var(--ease-out)}.chapter-actions .chevron-icon:hover{color:var(--ink-900)}.chapter-body{padding:0 20px 20px;background:var(--paper);border-top:1px solid var(--line-200);animation:slideDown var(--dur-base) var(--ease-out) forwards}.editor-textarea{width:100%;min-height:400px;padding:16px;border:1px solid var(--line-300);border-radius:var(--r-md);font-family:inherit;font-size:15px;line-height:1.8;color:var(--ink-700);resize:vertical;background:var(--surface-0);outline:none;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);margin-top:16px}.editor-textarea:focus{border-color:var(--signal-600);box-shadow:0 0 0 2px var(--signal-100);background:var(--paper)}.control-panel{width:var(--control-width);background:var(--surface-0);border-left:1px solid var(--line-300);padding:24px;display:flex;flex-direction:column;overflow-y:auto;flex:none}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:16px;font-weight:700;color:var(--ink-900);word-break:keep-all}.panel-header .panel-subtitle{color:var(--signal-700);font-size:14px;font-weight:500}.close-btn{background:none;border:none;color:var(--ink-500);cursor:pointer;font-size:16px;transition:color var(--dur-fast) var(--ease-out)}.close-btn:hover{color:var(--danger)}.panel-view{display:flex;flex-direction:column;flex:1;animation:fadeIn var(--dur-base) var(--ease-out)}.control-group{margin-bottom:24px}.control-item{margin-bottom:16px}.checkbox-label{display:flex;align-items:center;gap:10px;font-weight:500;cursor:pointer;margin-bottom:8px;color:var(--ink-900)}.custom-checkbox{width:16px;height:16px;accent-color:var(--ink-900);cursor:pointer}.input-wrapper{display:flex;align-items:center;gap:8px;padding-left:26px}.custom-select{flex:1;min-width:0;padding:8px 12px;border-radius:var(--r-md);border:1px solid var(--line-300);background:var(--paper);font-family:inherit;font-size:13px;outline:none;color:var(--ink-900);transition:border-color var(--dur-fast) var(--ease-out)}.custom-select:focus,.custom-textarea:focus{border-color:var(--signal-600)}.custom-textarea{width:100%;padding:10px 12px;border-radius:var(--r-md);border:1px solid var(--line-300);background:var(--paper);font-family:inherit;font-size:13px;outline:none;color:var(--ink-900);transition:border-color var(--dur-fast) var(--ease-out);resize:vertical}.section-label{font-weight:700;font-size:13px;margin-bottom:8px;display:block;color:var(--ink-900)}.icon-button{width:32px;height:32px;border-radius:var(--r-md);border:1px solid var(--line-300);background:var(--paper);color:var(--ink-500);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);font-family:inherit}.icon-button:hover{background:var(--ink-900);color:#fff;border-color:var(--ink-900)}.icon-button.wide{width:100%;justify-content:flex-start;padding-left:12px;font-size:13px;gap:8px}.file-hint{padding-left:26px;font-size:12px;color:var(--ink-500);margin-top:4px;font-family:var(--font-mono)}.actions-area{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:16px}.tooltip-bubble{background:var(--signal-50);border-left:2px solid var(--signal-500);padding:12px 16px;font-size:13px;color:var(--ink-700);display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.info-icon{color:var(--signal-700);cursor:pointer}.info-icon:hover{color:var(--signal-600)}.btn{width:100%;padding:0 16px;height:36px;border-radius:var(--r-md);font-size:14px;font-weight:500;cursor:pointer;border:1px solid transparent;display:flex;justify-content:center;align-items:center;gap:8px;transition:all var(--dur-fast) var(--ease-out);font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:var(--paper);border-color:var(--line-300);color:var(--ink-900)}.btn-outline:hover:not(:disabled){background:var(--surface-0);border-color:var(--ink-400)}.btn-primary{height:40px;background:var(--ink-900);color:#fff}.btn-primary:hover:not(:disabled){background:var(--ink-800)}.spin{animation:spin 1s linear infinite;color:var(--signal-500)}.status-bar{font-size:12px;color:var(--ink-500);text-align:center;min-height:18px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ink-400)}.auth-page{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto;background:var(--surface-1)}.auth-card{background:var(--paper);border:1px solid var(--line-200);border-top:2px solid var(--signal-500);border-radius:var(--r-lg);padding:40px 36px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:14px;text-align:center}.auth-card-wide{max-width:720px}.auth-logo{justify-content:center;font-size:22px}.auth-title{font-size:20px;font-weight:700}.auth-subtitle{color:var(--ink-500);font-size:13px;line-height:1.7}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-card input{padding:11px 14px;border:1px solid var(--line-300);border-radius:var(--r-md);font-size:14px;background:var(--paper);width:100%;font-family:inherit;color:var(--ink-900)}.auth-card input:focus{outline:none;border-color:var(--signal-600)}.btn-primary{padding:11px 16px;border:none;border-radius:var(--r-md);background:var(--ink-900);color:#fff;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;display:inline-block}.btn-primary:hover{background:var(--ink-800)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:9px 14px;border:1px solid var(--line-300);border-radius:var(--r-md);background:var(--paper);color:var(--ink-900);font-size:13px;font-weight:500;cursor:pointer}.btn-secondary:hover{background:var(--surface-0);border-color:var(--ink-400)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{padding:9px 14px;border:1px solid var(--danger);border-radius:var(--r-md);background:var(--paper);color:var(--danger);font-size:13px;font-weight:500;cursor:pointer}.btn-danger:hover{background:var(--danger-tint)}.btn-sm{padding:6px 14px}.btn-google{padding:11px 16px;border:1px solid var(--line-300);border-radius:var(--r-md);background:var(--paper);color:var(--ink-900);font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px}.btn-google:hover{background:var(--surface-0)}.btn-google i{color:#ea4335}.auth-error{background:var(--danger-tint);color:var(--danger);border-left:2px solid var(--danger);padding:10px 14px;font-size:13px;text-align:left}.auth-notice{background:var(--success-tint);color:var(--success);border-left:2px solid var(--success);padding:10px 14px;font-size:13px;text-align:left}.auth-links{display:flex;justify-content:center;gap:18px}.link-btn{background:none;border:none;color:var(--signal-700);font-size:13px;cursor:pointer;padding:4px}.link-btn:hover{text-decoration:underline}.auth-loading{color:var(--ink-500)}.firm-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:left}@media(max-width:640px){.firm-setup-grid{grid-template-columns:1fr}}.firm-setup-block{border:1px solid var(--line-200);border-radius:var(--r-lg);background:var(--surface-0);padding:18px;display:flex;flex-direction:column;gap:10px}.firm-setup-block h3{font-size:15px;display:flex;align-items:center;gap:8px}.firm-setup-block .hint{color:var(--ink-500);font-size:12px}.firm-search-row{display:flex;gap:8px}.firm-results{list-style:none;display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.firm-results li{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}.firm-name{color:var(--ink-500)}.role-badge{margin-left:8px;padding:2px 8px;border-radius:var(--r-sm);background:var(--surface-1);color:var(--ink-700);font-size:11px;font-weight:600}.logout-btn{background:none;border:none;color:var(--ink-500);font-size:16px;cursor:pointer;padding:6px}.logout-btn:hover{color:var(--ink-900)}.join-banner{background:var(--warning-tint);border-bottom:1px solid var(--line-200);padding:10px 24px;display:flex;flex-direction:column;gap:8px;z-index:9;flex:none}.join-banner-title{font-weight:700;font-size:13px;color:var(--warning);display:flex;align-items:center;gap:8px}.join-banner-row{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--paper);border:1px solid var(--line-200);border-radius:var(--r-md);padding:8px 14px}.join-banner-info{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:13px}.join-banner-email{color:var(--ink-500);font-size:12px}.join-banner-ip{font-size:11px}.ip-same{color:var(--success)}.ip-different{color:var(--danger);font-weight:600}.ip-unknown{color:var(--ink-500)}.join-banner-actions{display:flex;gap:8px}.system-status{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:5px 12px;border-radius:var(--r-sm)}.system-status .status-dot{width:7px;height:7px;border-radius:50%}.status-ok{background:var(--success-tint);color:var(--success)}.status-ok .status-dot{background:var(--success)}.status-bad{background:var(--danger-tint);color:var(--danger)}.status-bad .status-dot{background:var(--danger);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.account-btn{display:flex;align-items:center;gap:12px;background:none;border:none;cursor:pointer;padding:6px 8px;border-radius:var(--r-md);font:inherit;color:inherit}.account-btn:hover{background:var(--surface-1)}.account-btn .avatar{width:32px;height:32px;border-radius:50%;background:var(--ink-900);color:#fff;display:flex;align-items:center;justify-content:center}.account-page{flex:1;overflow-y:auto;padding:24px;max-width:900px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:16px;background:var(--surface-1)}.account-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-header h2{font-size:20px;font-weight:700}.account-section{background:var(--paper);border:1px solid var(--line-200);border-radius:var(--r-lg);padding:20px 22px;display:flex;flex-direction:column;gap:12px}.account-section h3{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}.subsection-title{font-size:13px;font-weight:700;margin-top:6px}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.profile-grid label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--ink-500)}.profile-grid input,.profile-grid select{padding:9px 12px;border:1px solid var(--line-300);border-radius:var(--r-md);font-size:14px;background:var(--paper);color:var(--ink-900);font-family:inherit}.profile-static span{padding:9px 0;color:var(--ink-900);font-size:14px}.profile-actions{display:flex;align-items:end}.firm-info-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.firm-info-actions{display:flex;align-items:center;gap:10px}.account-table{width:100%;border-collapse:collapse;font-size:13px}.account-table th{text-align:left;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400);font-weight:400;padding:8px 10px 8px 0;border-bottom:1px solid var(--ink-900)}.account-table td{text-align:left;padding:9px 10px 9px 0;border-bottom:1px solid var(--line-200);color:var(--ink-700)}.table-actions{display:flex;gap:8px;justify-content:flex-end}.req-type-badge{padding:2px 8px;border-radius:var(--r-sm);background:var(--surface-1);color:var(--ink-700);font-size:11px;font-weight:600}.req-type-admin{background:var(--warning-tint);color:var(--warning)}.topup-row{display:flex;gap:10px;flex-wrap:wrap}.topup-row .btn-secondary{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:110px}.topup-price{font-size:12px;color:var(--ink-500);font-weight:500;font-family:var(--font-mono)}.danger-zone{border-color:var(--line-200)}.danger-zone .btn-danger{align-self:flex-start}.hint{color:var(--ink-500);font-size:12px}.btn:focus-visible,.icon-button:focus-visible,.icon-btn:focus-visible,.link-btn:focus-visible,.close-btn:focus-visible,.logout-btn:focus-visible,.account-btn:focus-visible,.custom-select:focus-visible,.add-doc-btn:focus-visible,.doc-type-item:focus-visible,.form-field input:focus-visible,.form-field textarea:focus-visible,a.btn-primary:focus-visible,a.btn-google:focus-visible{outline:2px solid var(--signal-600);outline-offset:2px}.nav-header{cursor:default;font-weight:600}.nav-header:hover{color:var(--ink-900)}.icon-btn{background:transparent;border:none;color:var(--ink-400);cursor:pointer;padding:4px 6px;border-radius:var(--r-sm);font-size:12px;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.icon-btn:hover{color:var(--signal-700);background:var(--signal-50)}.sidebar-empty,.sub-empty{padding:10px 24px;color:var(--ink-400);font-size:12px}.sub-empty{padding-left:44px}.project-block{border-top:1px solid var(--line-200)}.project-block:first-of-type{border-top:none}.project-row{padding:10px 16px 10px 20px}.project-toggle{display:flex;align-items:center;gap:8px;flex:1;min-width:0;cursor:pointer}.project-caret{font-size:11px;color:var(--ink-400);width:12px;flex:none}.project-title{font-weight:500;font-size:14px;color:var(--ink-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-row.open .project-title{color:var(--signal-700)}.row-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity var(--dur-fast) var(--ease-out);flex:none}.project-row:hover .row-actions,.sub-item:hover .row-actions{opacity:1}.sub-item .sub-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rename-input{flex:1;font-family:inherit;font-size:13px;padding:2px 6px;border:1px solid var(--signal-600);border-radius:var(--r-sm);background:var(--surface-0);color:var(--ink-900);outline:none}.add-doc-btn{margin:6px 24px 4px 44px;padding:6px 10px;background:transparent;border:1px dashed var(--line-300);border-radius:var(--r-sm);color:var(--ink-500);font-size:12px;font-family:inherit;cursor:pointer;text-align:left;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.add-doc-btn:hover{color:var(--signal-700);border-color:var(--signal-600)}.doc-breadcrumb{font-size:13px;color:var(--ink-500);margin-bottom:16px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.doc-breadcrumb .crumb-sep{color:var(--ink-400);margin:0 2px}.main-empty{display:flex;align-items:center;justify-content:center}.empty-state{text-align:center;color:var(--ink-400);max-width:320px}.empty-state i{font-size:40px;margin-bottom:16px;color:var(--line-300)}.empty-state p{font-size:14px;line-height:1.6}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0c0e52;display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.modal-card{background:var(--surface-0);border:1px solid var(--line-300);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);width:100%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.modal-sm{max-width:420px}.modal-lg{max-width:720px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line-200);font-weight:600;font-size:15px;color:var(--ink-900)}.modal-body{padding:20px;overflow-y:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--line-200)}.modal-hint{color:var(--ink-500);font-size:13px;margin-bottom:14px}.btn-ghost{padding:9px 14px;border:1px solid var(--line-300);border-radius:var(--r-md);background:transparent;color:var(--ink-700);font-size:13px;font-weight:500;cursor:pointer}.btn-ghost:hover{background:var(--surface-1);border-color:var(--ink-400)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.form-error{color:var(--signal-700);font-size:12px;margin-right:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field-full{grid-column:1 / -1}.form-field span{font-size:12px;font-weight:500;color:var(--ink-700)}.form-field .req{color:var(--signal-700);font-style:normal;margin-left:2px}.form-field input,.form-field textarea,.form-field select{font-family:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--line-300);border-radius:var(--r-md);background:var(--surface-0);color:var(--ink-900);outline:none;transition:border-color var(--dur-fast) var(--ease-out)}.form-field textarea{resize:vertical}.form-field select{cursor:pointer;height:37px}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--signal-600)}.doc-type-list{display:flex;flex-direction:column;gap:8px}.doc-type-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line-300);border-radius:var(--r-md);background:var(--surface-0);color:var(--ink-900);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;text-align:left;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.doc-type-item:hover:not(:disabled){border-color:var(--ink-700);background:var(--surface-1)}.doc-type-item i{color:var(--ink-500);width:18px;text-align:center}.doc-type-item span:first-of-type{flex:1}.doc-type-item.is-soon,.doc-type-item.is-soon i{color:var(--ink-400)}.doc-type-tag{font-size:11px;font-weight:500;padding:2px 8px;border-radius:var(--r-sm);background:var(--signal-50);color:var(--signal-700)}.doc-type-tag.soon{background:var(--surface-1);color:var(--ink-400)}.coming-soon{text-align:center;padding:12px 8px;color:var(--ink-500)}.coming-soon i{font-size:34px;color:var(--ink-400);margin-bottom:14px}.coming-soon p{font-size:14px;line-height:1.6}.coming-soon strong{color:var(--ink-900)}.wizard{display:flex;flex-direction:column;gap:16px}.wizard-steps{display:flex;gap:6px;list-style:none;padding:0;flex-wrap:wrap}.wizard-step{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-400);padding:4px 10px 4px 4px;border-radius:999px}.wizard-step.active{color:var(--ink-900);font-weight:600}.wizard-step.done{color:var(--ink-500)}.step-no{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;background:var(--surface-1);color:var(--ink-500);border:1px solid var(--line-300)}.wizard-step.active .step-no{background:var(--ink-900);color:#fff;border-color:var(--ink-900)}.wizard-step.done .step-no{background:var(--signal-50);color:var(--signal-700);border-color:var(--signal-600)}.wizard-body{min-height:220px}.wizard-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line-200);padding-top:14px}.footer-right{display:flex;gap:10px}.wizard-status{font-size:13px;color:var(--ink-500);background:var(--surface-1);border-radius:var(--r-md);padding:8px 12px}.wizard-status.is-error{color:var(--signal-700);background:var(--signal-50)}.est{font-size:11px;opacity:.85;margin-left:8px;font-family:var(--font-mono)}.wide{width:100%}.tpl-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tpl-col{display:flex;flex-direction:column;gap:10px}.tpl-col h4{font-size:14px;font-weight:600;color:var(--ink-900)}.tpl-desc{font-size:12px;color:var(--ink-500);margin-top:-6px}.tpl-full{grid-column:1 / -1}.upload-frame{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 14px;border:1.5px dashed var(--line-300);border-radius:var(--r-md);background:var(--surface-0);color:var(--ink-700);font-family:inherit;font-size:14px;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.upload-frame:hover{border-color:var(--signal-600);background:var(--surface-1)}.upload-frame i{font-size:22px;color:var(--ink-400)}.upload-frame small{font-size:11px;color:var(--ink-400)}.system-tpl-btn{width:100%;padding:12px;border:1px solid var(--line-300);border-radius:var(--r-md);background:var(--surface-1);color:var(--ink-700);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer}.system-tpl-btn:hover{background:var(--line-200)}.tpl-picked{font-size:13px;color:var(--ink-700);background:var(--signal-50);border-radius:var(--r-md);padding:10px 12px}.tpl-picked i{color:var(--signal-700);margin-right:6px}.checkbox-line{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-700);cursor:pointer}.checkbox-line input{width:15px;height:15px;accent-color:var(--signal-600);cursor:pointer}.checkbox-line.is-disabled{color:var(--ink-400);cursor:not-allowed}.cards-page{display:flex;flex-direction:column;gap:20px}.card-section{display:flex;flex-direction:column;gap:10px}.card-section-head{display:flex;align-items:center;justify-content:space-between}.card-section-head h4{font-size:14px;font-weight:600;color:var(--ink-900)}.card-empty{font-size:12px;color:var(--ink-400)}.card-list{display:flex;flex-direction:column;gap:8px}.method-card{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid var(--line-300);border-radius:var(--r-md);background:var(--surface-0)}.method-thumb{width:52px;height:52px;object-fit:cover;border-radius:var(--r-sm);flex:none}.method-info{flex:1;min-width:0}.method-name{font-size:14px;font-weight:600;color:var(--ink-900);display:flex;align-items:center;gap:8px}.method-area{font-size:11px;font-weight:500;color:var(--ink-500);background:var(--surface-1);border-radius:var(--r-sm);padding:1px 6px}.method-desc{font-size:12px;color:var(--ink-500);margin-top:4px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.method-badges{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.badge{font-size:11px;color:var(--signal-700);background:var(--signal-50);border-radius:var(--r-sm);padding:1px 7px}.image-row{display:flex;gap:8px;flex-wrap:wrap}.image-thumb{position:relative;width:64px;height:64px}.image-thumb img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--line-300)}.thumb-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:none;background:var(--ink-900);color:#fff;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.image-add{width:64px;height:64px;border:1.5px dashed var(--line-300);border-radius:var(--r-sm);background:var(--surface-0);color:var(--ink-400);cursor:pointer;font-size:16px}.image-add:hover{border-color:var(--signal-600);color:var(--signal-700)}.picker-list{display:flex;flex-direction:column;gap:8px}.picker-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line-300);border-radius:var(--r-md);background:var(--surface-0);font-family:inherit;font-size:13px;color:var(--ink-900);cursor:pointer;text-align:left}.picker-item:hover{border-color:var(--ink-700);background:var(--surface-1)}.picker-item i{color:var(--ink-500)}.picker-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-date{font-size:12px;color:var(--ink-400)}.confirm-page{display:flex;flex-direction:column}.confirm-row{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-200)}.confirm-row:last-child{border-bottom:none}.confirm-label{width:84px;flex:none;font-size:13px;font-weight:600;color:var(--ink-700)}.confirm-value{flex:1;font-size:13px;color:var(--ink-900);line-height:1.6}.case-summary{display:flex;flex-direction:column;gap:2px}.case-summary b{color:var(--ink-500);font-weight:500}@media(max-width:640px){.tpl-split{grid-template-columns:1fr}}