:root{--bg: #f0f2f5;--panel: #ffffff;--border: #e5e7eb;--text: #1f2937;--text-secondary: #6b7280;--primary: #1677ff;--primary-hover: #4096ff;--danger: #ff4d4f;--radius: 8px;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .04);--font: "Inter", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--mono: "JetBrains Mono", "Fira Code", Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit;font-size:13px}button{cursor:pointer;border:none;background:none}a{color:var(--primary)}.app{display:flex;flex-direction:column;height:100%;min-height:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:52px;padding:0 16px;background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0;z-index:20}.topbar-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;color:var(--text);white-space:nowrap}.topbar-brand .logo{width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,#1677ff,#69b1ff);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700}.topbar-meta{color:var(--text-secondary);font-size:12px;font-weight:400}.topbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cloud-controls{display:flex;align-items:center;gap:6px;padding-right:8px;border-right:1px solid var(--border)}.cloud-resume-select{width:150px;height:32px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text);outline:none}.cloud-resume-select:focus{border-color:var(--primary)}.cloud-icon{width:30px;height:30px;border:1px solid var(--border)}.save-status{min-width:44px;color:var(--text-secondary);font-size:11px;text-align:center}.save-status.saving{color:#b45309}.save-status.error{color:var(--danger)}.btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:6px;border:1px solid var(--border);background:#fff;color:var(--text);transition:all .15s;white-space:nowrap}.btn:hover{border-color:var(--primary);color:var(--primary)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.workspace{flex:1;display:grid;grid-template-columns:360px 1fr 280px;min-height:0;overflow:hidden}@media (max-width: 1100px){.workspace{grid-template-columns:320px 1fr}.style-panel{display:none}}@media (max-width: 800px){.workspace{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.editor-panel{background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.module-tabs{display:flex;flex-direction:column;gap:2px;padding:10px;border-bottom:1px solid var(--border);max-height:42%;overflow:auto;flex-shrink:0}.module-tab{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:6px;text-align:left;color:var(--text);font-size:13px}.module-tab:hover{background:#f5f7fa}.module-tab.active{background:#e6f4ff;color:var(--primary);font-weight:600}.module-tab .vis{width:14px;height:14px;border-radius:3px;border:1px solid #c0c4cc;flex-shrink:0;display:grid;place-items:center;font-size:10px;color:#fff;background:#fff}.module-tab .vis.on{background:var(--primary);border-color:var(--primary)}.module-tab .tab-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-tab .tab-actions{display:flex;gap:2px;opacity:0}.module-tab:hover .tab-actions,.module-tab.active .tab-actions{opacity:1}.icon-btn{width:22px;height:22px;border-radius:4px;color:var(--text-secondary);display:grid;place-items:center;font-size:12px}.icon-btn:hover{background:#eef2f7;color:var(--primary)}.editor-body{flex:1;overflow:auto;padding:14px;min-height:0}.editor-body h3{font-size:14px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.field{margin-bottom:10px}.field label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--border);border-radius:6px;padding:7px 10px;outline:none;background:#fff;color:var(--text);transition:border-color .15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #1677ff1f}.field textarea{min-height:160px;resize:vertical;font-family:var(--mono);font-size:12.5px;line-height:1.55}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.field-label-row label{margin-bottom:0}.plain-copy-btn{padding:0;border:0;background:transparent;color:var(--primary);font-size:12px}.plain-copy-btn:disabled{color:var(--text-secondary);cursor:not-allowed}.field textarea.plain-text-output{min-height:130px;background:#f7f8fa;font-family:inherit}.field textarea.education-course-input{min-height:88px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.year-month-input{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:6px}.year-month-input.precise{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.year-month-input.precise select:last-child{grid-column:1 / -1}.date-precision-toggle{display:inline-flex!important;align-items:center;gap:5px;width:fit-content;margin:0 0 5px!important;cursor:pointer;-webkit-user-select:none;user-select:none}.date-precision-toggle input{width:14px!important;height:14px;padding:0!important;accent-color:var(--primary)}.date-precision-toggle:has(input:disabled){cursor:not-allowed;opacity:.55}.year-month-input select:disabled{color:var(--text-secondary);background:#f5f7fa;cursor:not-allowed}.list-item-card{border:1px solid var(--border);border-radius:8px;padding:12px;margin-bottom:10px;background:#fafbfc}.list-item-card .card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;color:var(--text-secondary)}.hint{font-size:12px;color:var(--text-secondary);line-height:1.5;margin-bottom:10px}.panel-footer{padding:10px;border-top:1px solid var(--border);display:flex;gap:8px}.preview-panel{overflow:auto;background:#e8eaed;padding:24px 16px 48px;display:flex;justify-content:center;align-items:flex-start;min-height:0}.resume-stack{display:flex;flex-direction:column;align-items:center;width:210mm}.resume-print-document{display:none}.resume-measure{position:fixed;left:-100vw;top:0;visibility:hidden;pointer-events:none;z-index:-1}.resume-page--measure{min-height:0!important;height:auto!important;box-shadow:none}.resume-page-wrap{width:210mm;display:flex;flex-direction:column;align-items:center}.resume-page{width:210mm;height:297mm;background:#fff;box-shadow:var(--shadow);color:#222;position:relative;overflow:hidden;flex-shrink:0;box-sizing:border-box}.resume-page-clip{width:100%;overflow:hidden;position:relative}.resume-inner--paged{width:100%;will-change:transform}.resume-flow{column-fill:auto}.resume-flow .resume-header{break-inside:avoid-column;-webkit-column-break-inside:avoid}.resume-flow .section-title,.resume-flow .entry-head{break-after:avoid-column;-webkit-column-break-after:avoid}.resume-flow .md-body li{break-inside:avoid-column;-webkit-column-break-inside:avoid}.page-break-indicator{width:210mm;padding:14px 0 18px;text-align:center;-webkit-user-select:none;user-select:none}.page-break-indicator span{color:#1677ff;font-size:13px;cursor:default;border-bottom:1px solid transparent}.page-break-indicator--end{padding-top:12px;padding-bottom:4px}.page-break-indicator--end span{color:#8c8c8c;font-size:12px}.resume-header{position:relative;margin-bottom:6px}.resume-header-main{width:100%;min-width:0;box-sizing:border-box;text-align:center}.resume-avatar{position:absolute;top:0;right:0;border:1px solid #e5e7eb;border-radius:2px;overflow:hidden;background:#f5f5f5}.resume-avatar img{width:100%;height:100%;object-fit:cover;display:block}.resume-avatar--empty{border:1px dashed #91caff;margin-right:2px;background:#f0f7ff;cursor:pointer;display:flex;align-items:center;justify-content:center}.resume-avatar--empty:hover{background:#e6f4ff;border-color:#1677ff}.resume-avatar-empty-text{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:#1677ff;text-align:center;line-height:1.2;padding:4px}.resume-avatar-empty-text .sub{font-size:10px;color:#69b1ff}.avatar-editor-title{font-size:13px;font-weight:600;color:var(--text)}.style-subhead{font-size:12px!important;margin:8px 0 12px!important;color:var(--text-secondary);font-weight:600;letter-spacing:.3px}.avatar-editor{display:flex;gap:12px;margin-bottom:14px;padding:10px;border:1px dashed var(--border);border-radius:8px;background:#fafbfc;align-items:flex-start}.avatar-editor-preview{width:72px;height:90px;border-radius:4px;overflow:hidden;background:#eee;flex-shrink:0;border:1px solid var(--border)}.avatar-editor-preview img{width:100%;height:100%;object-fit:cover;display:block}.avatar-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:11px;color:var(--text-secondary);text-align:center;padding:4px}.avatar-editor-actions{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.resume-name{font-weight:700;letter-spacing:0;line-height:1.2;margin-bottom:5px}.resume-job{font-size:13px;color:#333;margin-top:4px}.resume-info-row{line-height:1.5;font-size:12px;color:#333;overflow-wrap:anywhere}.resume-info-row+.resume-info-row{margin-top:2px}.section-title{font-weight:700;border-bottom:.5px solid currentColor;padding-bottom:3px;margin-bottom:8px;letter-spacing:.5px}.entry{margin-bottom:10px}.entry:last-child{margin-bottom:0}.entry--separated:not(:last-child){padding-bottom:8px;margin-bottom:8px;border-bottom:.5px solid #d9d9d9}.entry-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px}.entry-title{font-weight:600;flex:1}.entry-title--education{font-weight:400}.entry-title-part{display:inline-block;margin-left:12px}.entry-meta{color:#666;font-size:12px;white-space:nowrap}.entry-sub{color:#555;font-size:12.5px;margin-bottom:4px}.md-body{font-size:inherit;line-height:inherit}.md-body p{margin:0 0 4px}.md-body ul,.md-body ol{margin:0 0 4px;padding-left:1.2em}.md-body li{margin-bottom:2px}.md-body strong{font-weight:600}.md-body a{color:inherit;text-decoration:underline}.md-body h1,.md-body h2,.md-body h3,.md-body h4{font-size:1em;margin:6px 0 4px}.style-panel{background:var(--panel);border-left:1px solid var(--border);padding:14px;overflow:auto;min-height:0}.style-panel h3{font-size:13px;margin-bottom:14px;color:var(--text)}.style-group{margin-bottom:16px}.style-group label{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary);margin-bottom:6px}.style-group input[type=range]{width:100%;accent-color:var(--primary)}.style-group input[type=color]{width:100%;height:36px;border:1px solid var(--border);border-radius:6px;padding:2px;background:#fff;cursor:pointer}.color-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.color-dot{width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #d0d5dd;cursor:pointer}.color-dot.active{box-shadow:0 0 0 2px var(--primary)}.auth-required-page,.auth-required-state{min-height:100%;background:var(--bg)}.auth-required-state{display:grid;place-items:center;color:var(--text-secondary)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:#fff;border-radius:12px;width:min(880px,100%);max-height:85vh;overflow:auto;box-shadow:0 16px 48px #0000002e}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:1}.modal-head h2{font-size:16px}.modal-body{padding:16px 20px 24px}.auth-modal{width:min(420px,100%)}.auth-form{padding:18px 20px 22px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:18px;border-bottom:1px solid var(--border)}.auth-tabs button{padding:9px;color:var(--text-secondary);border-bottom:2px solid transparent}.auth-tabs button.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.auth-submit{width:100%;justify-content:center;margin-top:6px}.auth-error{margin-bottom:10px;color:var(--danger);font-size:12px}.account-identity{margin-bottom:16px;color:var(--text-secondary);font-size:12px}.save-resume-modal{width:min(430px,100%)}.save-resume-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.admin-modal{width:min(760px,100%)}.admin-body{padding:16px 20px 22px}.admin-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-bottom:16px;overflow:hidden;border:1px solid var(--border);border-radius:6px;background:var(--border)}.admin-stats span{padding:12px;background:#fff;color:var(--text-secondary);font-size:12px;text-align:center}.admin-stats strong{display:block;margin-top:3px;color:var(--text);font-size:18px}.admin-table-wrap{overflow-x:auto}.admin-section{margin-bottom:20px}.admin-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.admin-section-head h3{font-size:14px}.admin-users-head{margin-top:4px}.invitation-table-wrap{max-height:240px}.invitation-code{white-space:nowrap;font-size:12px;color:var(--text)}.invitation-actions{display:flex;gap:6px}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table th,.admin-table td{padding:10px;border-bottom:1px solid var(--border);text-align:left}.admin-table th{color:var(--text-secondary);font-weight:500}.admin-table td small{display:block;margin-top:2px;color:var(--text-secondary)}.admin-table select{padding:5px 8px;border:1px solid var(--border);border-radius:5px;background:#fff}.admin-delete{height:28px;color:var(--danger)}.shared-page{min-height:100%;padding:28px 16px;overflow:auto;background:var(--bg)}.shared-page .resume-stack{margin:0 auto}.shared-state{display:grid;min-height:100%;place-items:center;color:var(--text-secondary)}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.tpl-card{border:1px solid var(--border);border-radius:10px;padding:16px;text-align:left;transition:all .15s;background:#fafbfc}.tpl-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #1677ff1f;transform:translateY(-1px)}.tpl-card h4{font-size:14px;margin-bottom:6px}.tpl-card p{font-size:12px;color:var(--text-secondary);line-height:1.45}@media print{html,body,#root,.app{height:auto;min-height:0;background:#fff}.app{display:block}.topbar,.editor-panel,.style-panel,.no-print,.resume-avatar--empty{display:none!important}.workspace{display:block;overflow:visible;min-height:0;background:#fff}.preview-panel{display:block;padding:0;background:#fff;overflow:visible}.resume-stack{display:none!important}.resume-print-document{display:block;width:100%;min-width:0;max-width:none;box-sizing:border-box;color:#222;background:#fff;box-decoration-break:clone;-webkit-box-decoration-break:clone;-webkit-print-color-adjust:exact;print-color-adjust:exact}.resume-print-document .resume-header{break-inside:avoid-page}.resume-print-document .section-title,.resume-print-document .entry-head{break-after:avoid-page}.resume-print-document .md-body li{break-inside:avoid-page}}