:root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", monospace;--bg:#eef2f7;--card:#fff;--card-border:#dae2ef;--card-shadow:0 1px 3px #1018280f, 0 8px 24px #1018280d;--text:#18212f;--text-secondary:#48556a;--text-muted:#8893a5;--accent:#2563eb;--accent-light:#dbeafe;--accent-dark:#1d4ed8;--danger:#dc2626;--danger-light:#fef2f2;--success:#16a34a;--warning:#d97706;--divider:#e5eaf2;--r-sm:8px;--r-md:12px;--r-lg:16px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--fs-xs:11px;--fs-sm:12px;--fs-base:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:20px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);-webkit-backdrop-filter:blur(20px)saturate(1.4);border-bottom:1px solid var(--divider);background:#ffffffe0;flex-shrink:0;display:flex}.topbar-left{flex-direction:column;gap:2px;min-width:0;display:flex}.logo{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:750}.logo-sub{font-size:var(--fs-xs);color:var(--text-muted)}.topbar-center,.topbar-right{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.topbar-right{flex-wrap:nowrap}.divider{background:var(--divider);width:1px;height:24px;margin:0 var(--sp-1)}.resume-select{font:inherit;font-size:var(--fs-md);border:1px solid var(--card-border);border-radius:var(--r-sm);background:var(--card);color:var(--text);cursor:pointer;max-width:180px;padding:7px 12px;font-weight:650}.resume-select:hover{border-color:var(--accent)}.template-switcher{border-radius:var(--r-sm);background:#f1f5f9;gap:2px;padding:2px;display:flex}.template-chip{font:inherit;font-size:var(--fs-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 10px;font-weight:650;transition:all .15s}.template-chip:hover{color:var(--text)}.template-chip.active{background:var(--card);color:var(--accent);box-shadow:0 1px 2px #00000014}.color-picker{gap:4px;display:flex}.color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;padding:0;transition:transform .15s}.color-dot:hover{transform:scale(1.15)}.color-dot.active{border-color:var(--text);box-shadow:0 0 0 2px var(--card)}button{font:inherit;font-weight:650;font-size:var(--fs-base);border-radius:var(--r-sm);cursor:pointer;background:var(--text);color:#fff;border:0;align-items:center;gap:5px;padding:8px 12px;transition:all .15s;display:inline-flex}button:hover{filter:brightness(1.08)}button:active{transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed}button.ghost{background:var(--card);color:var(--text-secondary);border:1px solid var(--card-border)}button.ghost:hover{border-color:var(--accent);color:var(--accent)}button.primary{background:var(--accent);color:#fff}button.primary:hover{background:var(--accent-dark)}button.icon-btn{border-radius:var(--r-sm);padding:7px}button.mini{font-size:var(--fs-sm);padding:5px 10px;font-weight:650}button.danger{color:var(--danger)}button.danger:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-light)}button.muted{opacity:.45}.layout{gap:var(--sp-5);min-height:0;padding:var(--sp-5);flex:1;grid-template-rows:100%;grid-template-columns:minmax(400px,520px) 1fr;width:100%;max-width:1600px;margin:0 auto;display:grid}.editor{gap:var(--sp-3);flex-direction:column;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.editor::-webkit-scrollbar{width:6px}.editor::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--card-shadow)}.card h3{margin:0 0 var(--sp-3);font-size:var(--fs-lg);font-weight:700}.card>h3:first-child{margin-top:0}.grid2{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.field{font-size:var(--fs-sm);color:var(--text-secondary);flex-direction:column;gap:4px;font-weight:650;display:flex}.field input,.field textarea{font:inherit;font-size:var(--fs-md);color:var(--text);border-radius:var(--r-sm);background:#fbfdff;border:1px solid #cfd8e7;padding:8px 10px;font-weight:400;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.field textarea{resize:vertical;min-height:60px}.array-editor{gap:var(--sp-2);flex-direction:column;display:flex}.array-title{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:var(--sp-2);font-weight:650}.row{gap:var(--sp-2);grid-template-columns:1fr auto;align-items:start;display:grid}.row textarea{font:inherit;font-size:var(--fs-md);color:var(--text);border-radius:var(--r-sm);resize:vertical;background:#fbfdff;border:1px solid #cfd8e7;min-height:36px;padding:8px 10px;line-height:1.5}.row textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.add-row{align-self:flex-start}.nested{border:1px dashed var(--card-border);border-radius:var(--r-md);padding:var(--sp-3);margin:var(--sp-3) 0;background:#fbfcff}.add-item{margin-top:var(--sp-2)}.custom-row{grid-template-columns:120px 1fr auto}.custom-label,.custom-value{font:inherit;font-size:var(--fs-md);color:var(--text);border-radius:var(--r-sm);background:#fbfdff;border:1px solid #cfd8e7;padding:8px 10px}.custom-label{font-weight:650}.custom-label:focus,.custom-value:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.block-list{gap:var(--sp-3);flex-direction:column;display:flex}.block-card{padding:0;transition:border-color .15s,opacity .15s;overflow:hidden}.block-card.hidden-block{opacity:.55}.block-card.collapsed .block-body{display:none}.block-header{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid #0000;transition:border-color .15s,background .15s;display:flex}.block-card:not(.collapsed) .block-header{border-bottom-color:var(--divider)}.drag-handle{cursor:grab;color:var(--text-muted);-webkit-user-select:none;user-select:none;border-radius:4px;padding:2px 4px;font-size:18px;line-height:1;transition:color .15s,background .15s}.drag-handle:hover{color:var(--accent);background:var(--accent-light)}.drag-handle:active{cursor:grabbing}.toggle-collapse{padding:4px 6px;font-size:12px}.block-title{font-size:var(--fs-md);cursor:pointer;border-radius:4px;flex:1;margin-left:-6px;padding:2px 6px;font-weight:700;transition:background .15s,color .15s}.block-title:hover{background:var(--accent-light);color:var(--accent)}.preview-block-anchor{border-radius:4px;transition:background .3s}.preview-block-anchor.anchor-highlight{animation:1.5s anchorFlash}@keyframes anchorFlash{0%{background:0 0}15%{background:var(--accent-light)}to{background:0 0}}.block-actions{gap:2px;display:flex}.block-body{padding:var(--sp-4)}.block-wrapper{transition:transform .15s,opacity .15s}.block-wrapper.dragging{opacity:.4}.block-wrapper.drag-over{border-top:3px solid var(--accent);padding-top:0}.add-block-area{padding:var(--sp-1) 0}.add-block-btn{border-style:dashed;justify-content:center;width:100%;padding:12px;font-weight:650}.add-menu{padding:var(--sp-3)}.add-menu-head{margin-bottom:var(--sp-3);justify-content:space-between;align-items:center;font-weight:700;display:flex}.add-menu-grid{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}.add-menu-item{font:inherit;font-size:var(--fs-md);padding:var(--sp-3);border:1px solid var(--card-border);border-radius:var(--r-md);background:var(--card);color:var(--text);cursor:pointer;align-items:center;gap:var(--sp-2);font-weight:650;transition:all .15s;display:flex}.add-menu-item:hover{border-color:var(--accent);color:var(--accent);background:#f8faff}.add-menu-icon{font-size:18px}.ai-card{background:linear-gradient(180deg, var(--card), #f8fbff)}.switches{gap:var(--sp-3);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.switch{align-items:center;gap:var(--sp-2);font-weight:650;font-size:var(--fs-sm);cursor:pointer;display:flex}.switch input{width:16px;height:16px;accent-color:var(--accent)}.switch.highlight{background:var(--accent-light);margin-bottom:var(--sp-2);border-radius:8px;padding:6px 10px}.switch.highlight span{color:var(--accent-dark);font-weight:700}.switch-hint{font-size:var(--fs-xs);background:var(--accent);color:#fff;border-radius:999px;margin-left:auto;padding:1px 6px;font-weight:700}.card-head-row{margin-bottom:var(--sp-3);justify-content:space-between;align-items:center;display:flex}.card-head-row h3{margin:0}.page-badge{color:#fff;font-size:var(--fs-xs);letter-spacing:.02em;border-radius:999px;padding:3px 9px;font-weight:700}.auto-fit-tip{font-size:var(--fs-sm);background:var(--accent-light);color:var(--accent-dark);margin-bottom:var(--sp-2);border-radius:8px;padding:6px 10px}.auto-fit-tip.warn{color:#92400e;background:#fef3c7}.auto-fit-tip.success{color:#166534;background:#dcfce7}.score-bar{align-items:center;gap:var(--sp-3);margin:var(--sp-3) 0;display:flex}.score-num{min-width:48px;font-size:32px;font-weight:800;line-height:1}.score-track{background:#e5e7eb;border-radius:4px;flex:1;height:8px;overflow:hidden}.score-fill{border-radius:4px;height:100%;transition:width .4s}.score-label{font-size:var(--fs-sm);color:var(--text-muted);font-weight:650}.miss-keywords{margin:var(--sp-2) 0;flex-wrap:wrap;align-items:center;gap:4px;display:flex}.miss-label{font-size:var(--fs-sm);color:var(--warning);font-weight:650}.miss-tag{font-size:var(--fs-xs);color:#92400e;background:#fef3c7;border-radius:999px;padding:3px 8px;font-weight:650}.hint{font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm)}.hint.good{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.hint-text{font-size:var(--fs-sm);color:var(--text-muted);margin:var(--sp-2) 0 0}.suggestions{gap:var(--sp-2);margin-top:var(--sp-3);flex-direction:column;display:flex}.suggestion{border:1px solid var(--divider);border-radius:var(--r-md);padding:var(--sp-3);background:var(--card)}.suggestion b{font-size:var(--fs-md)}.suggestion p{margin:5px 0 var(--sp-3);color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.5}.suggestion-btn{font-size:var(--fs-sm);background:var(--accent);color:#fff;border-radius:var(--r-sm);padding:6px 12px}.preview-wrap{align-items:center;gap:var(--sp-3);min-height:0;padding-bottom:var(--sp-5);flex-direction:column;padding-right:4px;display:flex;overflow:auto}.preview-wrap::-webkit-scrollbar{width:6px}.preview-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.preview-toolbar{background:var(--card);border:1px solid var(--card-border);border-radius:var(--r-md);width:210mm;max-width:100%;padding:var(--sp-2) var(--sp-4);color:var(--text-muted);font-size:var(--fs-sm);align-items:center;gap:var(--sp-2);display:flex}.preview-toolbar .dot{color:var(--divider)}.paper-stack{background:var(--card);border-radius:6px;flex-shrink:0;width:210mm;max-width:100%;overflow:hidden;box-shadow:0 4px 12px #10182814,0 20px 60px #1018281f}.paper{background:var(--card);color:#111827;width:210mm;min-height:297mm;padding:13mm 14mm;font-size:12.2px;line-height:1.55}.resume-header{justify-content:space-between;gap:20px;margin-bottom:12px;padding-bottom:10px;display:flex}.resume-header h1{letter-spacing:-.02em;margin:0 0 3px;font-size:28px}.resume-header .title{margin:0;font-size:15px;font-weight:700}.meta{color:#374151;flex-direction:column;align-items:flex-end;gap:2px;font-size:11.5px;line-height:1.4;display:flex}.resume-section{margin:10px 0}.resume-section h2{margin:0 0 6px;font-size:14px}.resume-section ul{margin:4px 0 0;padding-left:18px}.resume-section li{margin:2px 0;font-size:12px;line-height:1.5}.tags{flex-wrap:wrap;gap:5px;display:flex}.tags span{color:#1f2937;background:#eef2f7;border-radius:999px;padding:3px 8px;font-size:11px}.resume-item{margin:6px 0}.item-head{grid-template-columns:1.3fr 1fr auto;align-items:baseline;gap:12px;font-size:12.5px;display:grid}.item-head b{font-size:13.5px}.item-head em{color:#6b7280;font-style:normal}.resume-item p{margin:3px 0;font-size:12px;line-height:1.5}.tech{color:#475569;font-size:11.5px}.custom-list{flex-direction:column;gap:4px;display:flex}.custom-row-preview{gap:var(--sp-2);font-size:12px;display:flex}.custom-label-preview{color:#374151;min-width:80px;font-weight:700}.custom-value-preview{color:#1f2937}.paper-stack[data-template=classic] .resume-header{border-bottom:2px solid #111827}.paper-stack[data-template=classic] .resume-section h2{border-left:4px solid var(--accent);color:#111827;padding-left:8px}.paper-stack[data-template=minimal] .paper{padding:18mm 20mm}.paper-stack[data-template=minimal] .resume-header{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:16px}.paper-stack[data-template=minimal] .resume-header h1{letter-spacing:.01em;font-size:32px;font-weight:300}.paper-stack[data-template=minimal] .resume-header .title{color:#6b7280;font-weight:400}.paper-stack[data-template=minimal] .meta{color:#9ca3af}.paper-stack[data-template=minimal] .resume-section{margin:16px 0}.paper-stack[data-template=minimal] .resume-section h2{text-transform:uppercase;letter-spacing:.12em;color:#6b7280;border-bottom:1px solid #f3f4f6;margin-bottom:8px;padding-bottom:4px;font-size:12px;font-weight:600}.paper-stack[data-template=minimal] .resume-section li{color:#374151;font-size:11.5px}.paper-stack[data-template=minimal] .tags span{color:#4b5563;background:#f9fafb;border:1px solid #e5e7eb}.paper-stack[data-template=minimal] .item-head em{color:#9ca3af}.paper-stack[data-template=modern] .resume-header{background:var(--accent);color:#fff;margin:-13mm -14mm 12px;padding:16mm 14mm 12mm}.paper-stack[data-template=modern] .resume-header h1{color:#fff;font-size:30px}.paper-stack[data-template=modern] .resume-header .title{color:#ffffffd9}.paper-stack[data-template=modern] .meta{color:#ffffffe6;align-items:flex-end}.paper-stack[data-template=modern] .resume-section h2{color:#fff;background:var(--accent);border-radius:4px;margin-bottom:8px;padding:3px 10px;font-size:13px;display:inline-block}.paper-stack[data-template=modern] .tags span{background:var(--accent-light);color:var(--accent-dark);font-weight:600}.paper-stack[data-template=modern] .item-head b{color:var(--accent)}.compact{padding:10mm 12mm}.compact .resume-section{margin:7px 0}.compact .resume-section li,.compact .resume-item p{font-size:11.4px;line-height:1.4}.compact .resume-header h1{font-size:25px}.compact .tags span{padding:2px 6px;font-size:10.5px}.compact .paper-stack[data-template=modern] .resume-header{margin:-10mm -12mm 10px;padding:12mm 12mm 10mm}.ultra{padding:8mm 10mm}.ultra .resume-section{margin:5px 0}.ultra .resume-section h2{margin-bottom:4px;font-size:12px}.ultra .resume-section li,.ultra .resume-item p{font-size:10.5px;line-height:1.3}.ultra .resume-header{margin-bottom:8px;padding-bottom:6px}.ultra .resume-header h1{font-size:22px}.ultra .resume-item{margin:4px 0}.ultra .tags{gap:3px}.ultra .tags span{padding:2px 5px;font-size:9.5px}.auto-fit{padding:7mm 9mm}.auto-fit .resume-section{margin:4px 0}.auto-fit .resume-section h2{margin-bottom:3px;font-size:11.5px}.auto-fit .resume-section li,.auto-fit .resume-item p{font-size:10px;line-height:1.28}.auto-fit .resume-section ul{margin-top:2px}.auto-fit .resume-section li{margin:1px 0}.auto-fit .resume-header{margin-bottom:6px;padding-bottom:5px}.auto-fit .resume-header h1{margin-bottom:2px;font-size:20px}.auto-fit .resume-header .title{font-size:13px}.auto-fit .meta{gap:1px;font-size:10.5px}.auto-fit .resume-item{margin:3px 0}.auto-fit .item-head{gap:10px;font-size:11.5px}.auto-fit .item-head b{font-size:12.5px}.auto-fit .resume-item p{margin:2px 0}.auto-fit .tech{font-size:10.5px}.auto-fit .tags{gap:3px}.auto-fit .tags span{padding:1px 5px;font-size:9px}.auto-fit .paper-stack[data-template=modern] .resume-header{margin:-7mm -9mm 6px;padding:12mm 9mm 8mm}.auto-fit .paper-stack[data-template=modern] .resume-header h1{font-size:22px}@media (width<=1100px){.app{height:auto;overflow:visible}.layout{grid-template-columns:1fr}.editor,.preview-wrap{min-height:auto;overflow:visible}.topbar{align-items:stretch;gap:var(--sp-3);flex-direction:column}.topbar-center,.topbar-right{flex-wrap:wrap}.preview-toolbar,.paper-stack,.paper{width:100%;max-width:100%}.paper{min-height:auto}}@media print{body{background:#fff}.topbar,.editor,.preview-toolbar{display:none!important}.layout{padding:0;display:block}.preview-wrap{max-height:none;display:block;overflow:visible}.paper-stack{box-shadow:none;background:#fff;width:auto;max-width:none}.paper{border-radius:0;width:auto;min-height:auto;margin:0;padding:0}.resume-header,.resume-item{break-inside:avoid}.resume-section h2{break-after:avoid}button{display:none!important}@page{size:A4;margin:12mm}.paper-stack[data-template=modern] .resume-header{color:#111827;border-bottom:2px solid var(--accent);background:0 0;margin:0 0 12px;padding:0 0 10px}.paper-stack[data-template=modern] .resume-header h1{color:#111827}.paper-stack[data-template=modern] .resume-header .title{color:#6b7280}.paper-stack[data-template=modern] .meta{color:#374151}}.spin{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.export-menu-wrap{position:relative}.export-menu{background:var(--card);border:1px solid var(--card-border);border-radius:var(--r-md);padding:var(--sp-1);z-index:200;min-width:220px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #1018281f}.export-menu-item{width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);color:var(--text);font-weight:650;font-size:var(--fs-base);justify-content:flex-start;align-items:center;gap:var(--sp-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;display:flex}.export-menu-item:hover{background:#f1f5f9}.export-menu-item small{color:var(--text-muted);font-weight:400;font-size:var(--fs-xs);margin-left:auto}.menu-overlay{z-index:150;position:fixed;inset:0}.print-iframe{visibility:hidden;border:0;width:0;height:0;position:fixed;top:0;left:-9999px}