*{margin:0;padding:0;box-sizing:border-box}html{-webkit-print-color-adjust:exact;print-color-adjust:exact}:root{--sans: "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", -apple-system, sans-serif;--grot: "Inter", "Helvetica Neue", -apple-system, "PingFang SC", "Noto Sans SC", sans-serif;--display: "Smiley Sans Oblique", "Smiley Sans", "PingFang SC", "Noto Sans SC", sans-serif;--kai-family: "LXGW WenKai", "Kaiti SC", "STKaiti", "Noto Serif SC", serif}body{font-family:var(--sans);background:#e9ebee;font-size:10pt;line-height:1.5}.toolbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 20px;background:#10161f;color:#e5e7eb}.toolbar .brand{font-weight:700;letter-spacing:2px}.toolbar .hint{font-size:12px;color:#8b95a3}.toolbar select{font:13px var(--sans);color:#e5e7eb;background:#1c2531;border:1px solid #37414f;border-radius:6px;padding:6px 10px;outline:none;cursor:pointer}.theme-group{display:flex;gap:6px;margin-left:auto}.theme-btn{font:12px var(--sans);color:#cbd2da;cursor:pointer;background:#1c2531;border:1px solid #37414f;border-radius:999px;padding:5px 12px 5px 8px;display:flex;align-items:center;gap:6px}.theme-btn .dot{width:10px;height:10px;border-radius:50%}.theme-btn[data-theme=clean] .dot{background:#fff;border:1px solid #451a03}.theme-btn[data-theme=kai] .dot{background:#a23b2e}.theme-btn[data-theme=dev] .dot{background:#f4f692}.theme-btn[data-theme=qing] .dot{background:#1f7cff}.theme-btn[data-theme=lan] .dot{background:#5c9e30}.theme-btn[data-theme=que] .dot{background:#ff4631}.theme-btn.active{border-color:#94a3b8;color:#fff;background:#263140}.tool-btn{font:12px var(--sans);color:#cbd2da;cursor:pointer;background:#1c2531;border:1px solid #37414f;border-radius:6px;padding:6px 12px}.tool-btn:hover{color:#fff;border-color:#94a3b8}.print-btn{font:600 13px var(--sans);color:#10161f;cursor:pointer;background:#e5e7eb;border:none;border-radius:6px;padding:7px 16px}.print-btn:hover{background:#fff}.page{width:210mm;min-height:297mm;position:relative;margin:24px auto;background:var(--paper);color:var(--ink);box-shadow:0 3px 22px #1b1d2229}[contenteditable]:focus,[contenteditable] :focus{outline:none}.band{position:relative;padding:12mm 16mm 6.5mm;display:flex;align-items:center;gap:5mm;border-bottom:1px solid var(--hair)}.band:after{content:"";position:absolute;left:16mm;bottom:-1.5px;width:22mm;border-top:2.5px solid var(--accent)}.mono{flex:none;width:13.5mm;height:13.5mm;border-radius:3mm;display:flex;align-items:center;justify-content:center;font-size:7.2mm;font-weight:700;color:#fff;background:var(--mono-bg, var(--accent))}.band .name-line{display:flex;align-items:center;gap:3.5mm}.band h1{font-size:23pt;font-weight:700;letter-spacing:1px;line-height:1.15}.band .role{font-size:9.5pt;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:.7mm 3.4mm}.band .contact{margin-top:1.8mm;font-size:8.8pt;color:var(--muted);letter-spacing:.3px}.band .contact span+span:before{content:"·";margin:0 2mm;opacity:.5}.page{font-size:var(--fs, 10pt)}main{padding:0 16mm 18mm;counter-reset:sec}section{margin-top:var(--sec-gap, 4.6mm);counter-increment:sec}h2{font-size:10pt;font-weight:800;color:var(--ink);letter-spacing:2.5px;margin-bottom:2.4mm;display:flex;align-items:center;gap:2.6mm}h2:before{content:"0" counter(sec);font-size:8.5pt;font-weight:700;letter-spacing:1px;color:var(--accent);font-variant-numeric:tabular-nums}h2:after{content:"";flex:1;border-top:1px solid var(--hair)}.summary .lead{font-size:10.5pt}.kws{display:flex;flex-wrap:wrap;gap:1mm 5mm;margin-top:1.6mm}.kws span{font-size:9.5pt;font-weight:600;color:var(--ink)}.kws span:before{content:"●";font-size:6.5pt;color:var(--accent);margin-right:1.6mm;vertical-align:.35mm}.skills{display:flex;flex-wrap:wrap;gap:1.8mm 2mm}.skills span{font-size:9pt;color:var(--chip-tx);background:var(--chip-bg);border-radius:var(--chip-r, 999px);padding:.9mm 3.4mm}.entry+.entry{margin-top:var(--entry-gap, 3.2mm)}.entry-head{display:flex;justify-content:space-between;align-items:baseline;gap:4mm}.entry-title{font-size:10.5pt;font-weight:700}.entry-title em{font-style:normal;font-weight:600;color:var(--accent)}.entry-date{font-size:9pt;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}ul{margin-top:1.1mm;padding-left:4.2mm}li{margin-bottom:var(--li-gap, .7mm);line-height:var(--lh, 1.55)}li::marker{color:var(--accent)}li b{color:var(--ink)}.edu-line{display:flex;justify-content:space-between;align-items:baseline}.foot{position:absolute;left:16mm;right:16mm;bottom:7mm;border-top:1px solid var(--hair);padding-top:1.8mm;display:flex;justify-content:space-between;font-size:7.5pt;color:var(--muted);letter-spacing:.5px}body[data-theme=clean]{--paper: #ffffff;--ink: #000000;--muted: #6b6b6b;--accent: #451a03;--accent-soft: #f3ece6;--hair: #e6e6e6;--chip-bg: #f5f5f5;--chip-tx: #000000;--chip-r: 6px}body[data-theme=clean] .page{font-family:var(--grot)}body[data-theme=clean] .band:after{width:30mm;border:none;height:2.5px;background:linear-gradient(90deg,#d9edfe,#ddeaf8,#000)}body[data-theme=clean] .mono{border-radius:2mm}body[data-theme=kai]{--paper: #f6f1e7;--ink: #2b2620;--muted: #8a8175;--accent: #a23b2e;--accent-soft: #f0e4dc;--hair: rgba(138,129,117,.35);--chip-bg: transparent;--chip-tx: #2b2620}body[data-theme=kai] .page{font-family:var(--kai-family);background:linear-gradient(180deg,#f8f4ec,#f6f1e7)}body[data-theme=kai] .band h1,body[data-theme=kai] h2,body[data-theme=kai] .band .role{font-family:var(--display)}body[data-theme=kai] .band{border-bottom:3px double #a23b2e}body[data-theme=kai] .band:after{display:none}body[data-theme=kai] .mono{border-radius:1.8mm;font-family:var(--kai-family)}body[data-theme=kai] .band h1{font-size:24pt;letter-spacing:2px}body[data-theme=kai] h2{letter-spacing:4px;font-weight:700}body[data-theme=kai] h2:before{content:"◆";font-size:7pt}body[data-theme=kai] li{line-height:1.65}body[data-theme=kai] .skills{gap:1mm 0}body[data-theme=kai] .skills span{padding:0;border-radius:0;font-size:9.5pt}body[data-theme=kai] .skills span+span:before{content:"·";margin:0 2.4mm;color:#a23b2e}body[data-theme=dev]{--paper: #08090a;--ink: #ffffff;--muted: #8a8f98;--accent: #f4f692;--accent-soft: rgba(244,246,146,.12);--hair: rgba(255,255,255,.14);--chip-bg: rgba(255,255,255,.07);--chip-tx: #e6e8ea;--chip-r: 6px}body[data-theme=dev] .page{font-family:var(--grot)}body[data-theme=dev] .mono{background:transparent;border:.5mm solid #f4f692;color:#f4f692;border-radius:2mm}body[data-theme=qing]{--paper: #ffffff;--ink: #292d34;--muted: #6b7480;--accent: #1f7cff;--accent-soft: #e9f1ff;--hair: #e4e8ef;--chip-bg: #eef4ff;--chip-tx: #1f5fd0;--chip-r: 6px;--mono-bg: #1f7cff}body[data-theme=qing] .page{font-family:var(--grot)}body[data-theme=qing] .band:after{background:#1f7cff;border:none;height:2.5px}body[data-theme=qing] .mono{border-radius:2mm}body[data-theme=lan]{--paper: #f8f9fa;--ink: #212529;--muted: #6b7280;--accent: #5c9e30;--accent-soft: #ecf4e4;--hair: #e3e7e2;--chip-bg: #edf3e6;--chip-tx: #3f6f22;--chip-r: 6px;--mono-bg: #5c9e30}body[data-theme=lan] .page{font-family:var(--grot)}body[data-theme=lan] .band:after{background:#5c9e30;border:none;height:2.5px}body[data-theme=lan] .mono{border-radius:2mm}body[data-theme=que]{--paper: #edeae4;--ink: #1a1a1a;--muted: #7a756c;--accent: #e23b25;--accent-soft: #f7e2dc;--hair: #d9d3c8;--chip-bg: #e4ded3;--chip-tx: #b33320;--chip-r: 3px;--mono-bg: #ff4631}body[data-theme=que] .page{font-family:var(--grot)}body[data-theme=que] .band:after{background:#ff4631;border:none;height:2.5px}body[data-theme=que] .mono{border-radius:1.6mm}body[data-accent]{--accent-soft: color-mix(in srgb, var(--accent) 14%, var(--paper));--mono-bg: var(--accent)}body[data-accent=brown]{--accent: #451a03}body[data-accent=red]{--accent: #a23b2e}body[data-accent=blue]{--accent: #1f7cff}body[data-accent=green]{--accent: #5c9e30}body[data-accent=vermil]{--accent: #ff4631}body[data-accent=flame]{--accent: #ff5c3c}body[data-accent=indigo]{--accent: #4387f4}body[data-accent=teal]{--accent: #12a594}body[data-accent=azure]{--accent: #2f7ed8}body[data-font=sans] .page{font-family:var(--grot)}body[data-font=serif] .page,body[data-font=serif] .band h1,body[data-font=serif] h2{font-family:var(--kai-family)}body[data-density=compact] .page{--fs: 9.4pt;--lh: 1.42;--sec-gap: 3.4mm;--entry-gap: 2.4mm;--li-gap: .5mm}body[data-density=relaxed] .page{--fs: 10.6pt;--lh: 1.66;--sec-gap: 5.8mm;--entry-gap: 4mm;--li-gap: 1mm}.cols{display:grid;grid-template-columns:1fr 52mm;gap:0 7mm;align-items:start}.c-side .edu-line{display:block}.c-side .edu-line .entry-date{display:block;margin-top:.6mm}.c-side .skills{gap:1.4mm 1.6mm}.c-side li{margin-bottom:1mm}.band-mag{display:block}.mag-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4mm}.band-mag .mono{width:10mm;height:10mm;font-size:5.4mm}.band-mag h1{font-size:36pt;letter-spacing:2px;line-height:1.1}.band-mag .name-line{margin-top:1mm;flex-wrap:wrap}.band-mag .deck{font-size:9.5pt;color:var(--muted);letter-spacing:.5px}.band-mag .stand{margin-top:3.5mm;padding-top:2.5mm;border-top:1px solid var(--hair);font-size:11pt;line-height:1.6}.kicker{font-size:8.5pt;font-weight:700;letter-spacing:3px;color:var(--accent);margin-bottom:1mm}body[data-layout=brief] .summary{border:1px solid var(--hair);background:var(--accent-soft);padding:3.2mm 4mm 3.6mm;border-radius:var(--chip-r, 0)}body[data-layout=brief] .entry{border-left:2px solid var(--accent);padding-left:3.5mm}.matrix{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--hair)}.mx-cell{display:flex;align-items:baseline;gap:2.6mm;padding:2.1mm 3.5mm;font-size:9.5pt;font-weight:600;border-top:1px solid var(--hair)}.mx-cell:nth-child(-n+2){border-top:none}.mx-cell:nth-child(odd){border-right:1px solid var(--hair)}.mx-cell i{font-style:normal;font-size:8pt;color:var(--accent);font-variant-numeric:tabular-nums}:root{--ic-loc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5.5 7-11a7 7 0 1 0-14 0c0 5.5 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");--ic-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2 4.2 2 2 0 0 1 4 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.6a2 2 0 0 1-.5 2.1L8 9.6a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.8.3 1.7.6 2.6.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E");--ic-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m2 7 10 6 10-6'/%3E%3C/svg%3E");--ic-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15 15 0 0 1 0 20 15 15 0 0 1 0-20z'/%3E%3C/svg%3E");--ic-summary: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");--ic-skills: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 2.4 5.3L20 8l-4 4 1 6-5-2.8L7 18l1-6-4-4 5.6-.7z'/%3E%3C/svg%3E");--ic-work: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='14' rx='2'/%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");--ic-project: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 9 5-9 5-9-5 9-5z'/%3E%3Cpath d='m3 12 9 5 9-5M3 17l9 5 9-5'/%3E%3C/svg%3E");--ic-edu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 9-10-5L2 9l10 5 10-5z'/%3E%3Cpath d='M6 11v5a6 3 0 0 0 12 0v-5'/%3E%3C/svg%3E");--ic-extra: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7 0l3-3a5 5 0 0 0-7-7l-1 1'/%3E%3Cpath d='M14 11a5 5 0 0 0-7 0l-3 3a5 5 0 0 0 7 7l1-1'/%3E%3C/svg%3E")}.pro{display:grid;grid-template-columns:64mm 1fr;min-height:297mm}.pro-side{background:var(--side-bg, var(--accent));color:#fff;padding:12mm 8mm;display:flex;flex-direction:column;gap:4mm}.pro-photo{width:32mm;height:32mm;margin:0 auto 1mm;border-radius:50%;overflow:hidden;position:relative;background:#ffffff29;display:flex;align-items:center;justify-content:center}.pro-photo img{width:100%;height:100%;object-fit:cover}.pro-photo .mono{position:absolute;font-size:13mm;font-weight:700;color:#fff}.pro-photo img+.mono{display:none}.pro-side h1{font-size:20pt;font-weight:700;text-align:center;letter-spacing:1px;line-height:1.2}.pro-role{text-align:center;font-size:10pt;font-weight:600;color:#ffffffe6;margin-top:-1mm;padding-bottom:3mm;border-bottom:1px solid rgba(255,255,255,.28)}.pro-contact{display:flex;flex-direction:column;gap:2mm}.ci{display:flex;align-items:center;gap:2.4mm;font-size:8.6pt;color:#ffffffeb;word-break:break-all}.ci:before{content:"";flex:none;width:3.6mm;height:3.6mm;background:#ffffffeb;-webkit-mask:var(--ci-ic) center/contain no-repeat;mask:var(--ci-ic) center/contain no-repeat}.ci-loc{--ci-ic: var(--ic-loc)}.ci-phone{--ci-ic: var(--ic-phone)}.ci-mail{--ci-ic: var(--ic-mail)}.ci-link{--ci-ic: var(--ic-link)}.pro-side section{margin-top:2mm}.pro-side h2{color:#fff;letter-spacing:2px;margin-bottom:2.4mm;border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:1.4mm}.pro-side h2:before{background:#fff}.pro-side h2:after{display:none}.pro-side .skills{gap:1.6mm 1.8mm}.pro-side .skills span{background:#ffffff29;color:#fff;border-radius:3px;padding:.8mm 2.6mm;font-size:8.4pt}.pro-side .skills span+span:before{content:none}.pro-edu{font-size:8.8pt;line-height:1.5;display:flex;flex-direction:column}.pro-edu em{font-style:normal;color:#ffffffd1}.pro-edu .entry-date{color:#ffffffb3;font-size:8pt}.pro-main{padding:12mm 12mm 14mm}section[data-sec=summary]{--sec-ic: var(--ic-summary)}section[data-sec=skills]{--sec-ic: var(--ic-skills)}section[data-sec=work]{--sec-ic: var(--ic-work)}section[data-sec=project]{--sec-ic: var(--ic-project)}section[data-sec=edu]{--sec-ic: var(--ic-edu)}section[data-sec=extra]{--sec-ic: var(--ic-extra)}body[data-layout=pro] h2,body[data-layout=proR] h2,body[data-layout=banner] h2,body[data-icons=on] h2{letter-spacing:2px}body[data-layout=pro] h2:before,body[data-layout=proR] h2:before,body[data-layout=banner] h2:before,body[data-icons=on] h2:before{content:"";width:4mm;height:4mm;flex:none;background:var(--accent);-webkit-mask:var(--sec-ic) center/contain no-repeat;mask:var(--sec-ic) center/contain no-repeat}.pro-side h2:before,.banner-contact h2:before{background:#fff}body[data-layout=proR] .pro{grid-template-columns:1fr 64mm}body[data-layout=proR] .pro-side{order:2}.banner{background:var(--side-bg, var(--accent));color:#fff;padding:10mm 14mm;display:flex;align-items:center;gap:8mm}.banner .pro-photo.banner-photo{width:26mm;height:26mm;margin:0}.banner .pro-photo.banner-photo .mono{font-size:10mm}.banner-id{flex:1}.banner-id h1{font-size:24pt;font-weight:700;letter-spacing:1px;color:#fff}.banner-id .pro-role{text-align:left;border:none;padding:0;margin-top:1mm}.banner-contact{display:flex;flex-wrap:wrap;gap:1.6mm 6mm;margin-top:3mm}.banner-main{padding:6mm 16mm 14mm}.pro-main .entry,.banner-main section[data-sec=work] .entry,.banner-main section[data-sec=project] .entry{position:relative;padding-left:5mm}.pro-main section[data-sec=work] .entry:before,.pro-main section[data-sec=project] .entry:before,.banner-main section[data-sec=work] .entry:before,.banner-main section[data-sec=project] .entry:before{content:"";position:absolute;left:.7mm;top:2mm;bottom:-3mm;border-left:1px solid var(--hair)}.pro-main .entry:after,.banner-main section[data-sec=work] .entry:after,.banner-main section[data-sec=project] .entry:after{content:"";position:absolute;left:0;top:1.4mm;width:1.8mm;height:1.8mm;border-radius:50%;background:var(--accent)}.pro-main .entry:last-child:before,.banner-main .entry:last-child:before{display:none}body[data-theme=dev]{--side-bg: #16202c}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#10161f8c;display:flex;align-items:center;justify-content:center}.modal-mask[hidden]{display:none}.modal{width:340px;background:#fff;border-radius:12px;padding:22px 24px;font-family:var(--sans);box-shadow:0 12px 40px #00000040}.modal h3{font-size:16px;margin-bottom:4px}.modal .sub{font-size:12px;color:#6b7280;margin-bottom:14px}.modal label{display:block;font-size:12px;color:#374151;margin-bottom:10px}.modal input{display:block;width:100%;margin-top:4px;padding:7px 10px;font:13px var(--sans);border:1px solid #d1d5db;border-radius:6px;outline:none}.modal input:focus{border-color:#6b7280}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.btn-ghost{font:13px var(--sans);color:#4b5563;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:7px 14px;cursor:pointer}.btn-primary{font:600 13px var(--sans);color:#fff;background:#10161f;border:none;border-radius:6px;padding:7px 16px;cursor:pointer}.file-btn.sm,.btn-ghost.sm{padding:5px 10px;font-size:12px;display:inline-block}.pf-photo-row{display:flex;gap:12px;align-items:center;margin-bottom:14px}.pf-photo-preview{width:52px;height:52px;border-radius:50%;flex:none;background:#f1f3f5 center/cover no-repeat;border:1px solid #e5e7eb}.pf-photo-preview.empty:after{content:"无";display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:11px;color:#9ca3af}.pf-photo-ops{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pf-photo-hint{font-size:11px;color:#9ca3af;width:100%}.jd-panel{position:fixed;top:64px;right:16px;z-index:15;width:320px;max-height:calc(100vh - 96px);overflow-y:auto;background:#fff;border-radius:12px;padding:16px;font-family:var(--sans);box-shadow:0 12px 40px #00000038}.jd-panel[hidden]{display:none}.jd-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.jd-head b{font-size:14px}.jd-head button{font-size:18px;line-height:1;border:none;background:none;color:#6b7280;cursor:pointer;padding:2px 6px}.jd-panel textarea{width:100%;resize:vertical;font:12px/1.6 var(--sans);border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;outline:none;margin-bottom:8px}.jd-panel textarea:focus{border-color:#6b7280}.jd-panel .btn-primary{width:100%}.jd-score{display:flex;align-items:baseline;gap:6px;margin:12px 0 4px}.jd-score b{font-size:30px}.jd-score span{font-size:12px;color:#6b7280}.jd-group{margin-top:10px}.jd-group h4{font-size:12px;color:#374151;margin-bottom:6px}.jd-chip{display:inline-block;font-size:11px;border-radius:999px;padding:2px 8px;margin:0 4px 4px 0}.jd-chip.hit{background:#e8f0e6;color:#2f4c28}.jd-chip.miss{background:#f7e9e4;color:#8c2f21}.jd-empty{font-size:12px;color:#9ca3af}.jd-ats{list-style:none;padding:0}.jd-ats li{font-size:12px;margin-bottom:4px;color:#374151}.jd-ats li.ok{color:#2f4c28}.jd-ats li.warn{color:#8c2f21}.jd-ats li.na{color:#9ca3af}.side-panel{position:fixed;top:64px;right:16px;z-index:15;width:320px;max-height:calc(100vh - 96px);overflow-y:auto;background:#fff;border-radius:12px;padding:16px;font-family:var(--sans);box-shadow:0 12px 40px #00000038}.side-panel[hidden]{display:none}.panel-note{font-size:12px;color:#6b7280;line-height:1.6;margin-bottom:10px}.panel-status{font-size:12px;color:#2f4c28;margin-top:8px}.side-panel select{width:100%;font:13px var(--sans);color:#1c2531;margin-bottom:8px;border:1px solid #d1d5db;border-radius:6px;padding:7px 9px;background:#fff}#promptText{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;color:#111827}.tool-btn.wide{display:block;width:100%;text-align:center;margin-top:8px;color:#10161f;background:#fff;border-color:#d1d5db}.tool-btn.wide:hover{border-color:#10161f;color:#10161f}.card-preview{width:100%;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:10px;display:block}.side-panel textarea{width:100%;resize:vertical;font:12px/1.6 var(--sans);border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;outline:none;margin:8px 0}.side-panel .btn-primary{width:100%}.file-btn{display:block;text-align:center;cursor:pointer;font:13px var(--sans);color:#10161f;border:1px dashed #9ca3af;border-radius:8px;padding:10px}.file-btn:hover{border-color:#10161f}.ver-item{border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;margin-top:8px}.ver-top{display:flex;justify-content:space-between;align-items:baseline}.ver-top b{font-size:12.5px}.ver-score{font-size:11px;color:#2f4c28;background:#e8f0e6;border-radius:999px;padding:1px 7px}.ver-row{display:flex;gap:6px;margin-top:6px}.ver-row select,.ver-row button{font:11px var(--sans);border:1px solid #d1d5db;border-radius:6px;padding:3px 8px;background:#fff;cursor:pointer}.ver-row select{flex:1}.ver-jd{font-size:11px;color:#9ca3af;margin-top:5px}.style-group{margin-bottom:14px}.style-group h4{font-size:12px;color:#374151;margin-bottom:8px}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:26px;height:26px;border-radius:50%;cursor:pointer;border:2px solid transparent;box-shadow:0 0 0 1px #e5e7eb}.swatch[data-accent=theme]{background:conic-gradient(#a23b2e,#1f7cff,#5c9e30,#ff4631,#a23b2e)}.swatch.active{border-color:#10161f}.style-row{display:flex;gap:8px}.style-row select{flex:1;font:13px var(--sans);color:#1c2531;border:1px solid #d1d5db;border-radius:6px;padding:6px 8px;background:#fff}.stage{overflow:hidden}body.mobile .page{transform-origin:top left;margin:12px 8px}body.mobile .toolbar{gap:8px;padding:8px 12px}body.mobile .toolbar .hint{display:none}body.mobile .jd-panel{left:16px;width:auto}.app-foot{text-align:center;font:12px/1.7 var(--sans);color:#6b7280;padding:6px 16px 30px}.app-foot b{color:#d95f27}@page{size:A4;margin:0}@media print{body{background:#fff}.toolbar,.modal-mask,.jd-panel,.side-panel,.app-foot{display:none!important}.stage{height:auto!important;overflow:visible}.page{margin:0!important;box-shadow:none;transform:none!important}}