:root{--bg:#0f172a;--bg2:#1e293b;--bg3:#334155;--fg:#e2e8f0;--fg2:#94a3b8;--accent:#3b82f6;--accent2:#22c55e;--accent3:#f59e0b;--accent4:#ef4444;--white:#fff;--radius:8px}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Microsoft YaHei',sans-serif;background:var(--bg);color:var(--fg);min-height:100vh;overflow-y:auto}
.topbar{background:var(--bg2);border-bottom:1px solid var(--bg3);padding:6px 15px;display:flex;align-items:center;gap:8px;position:fixed;top:0;left:0;right:0;z-index:100;flex-wrap:wrap}
.topbar h1{font-size:15px;color:var(--accent);white-space:nowrap}
.topbar .sep{color:var(--bg3);font-size:16px}
.topbar button,.topbar select,.topbar input[type=number]{background:var(--bg3);color:var(--fg);border:1px solid #475569;border-radius:var(--radius);padding:4px 8px;font-size:12px;cursor:pointer;transition:.2s}
.topbar button:hover{background:var(--accent);color:var(--white)}
.topbar select{padding:3px 5px}
.badge{background:var(--accent2);color:#000;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:700}
.toolbar{background:var(--bg2);padding:5px 15px;display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--bg3);position:fixed;top:38px;left:0;right:0;z-index:99}
.toolbar button{background:var(--bg3);color:var(--fg);border:1px solid #475569;border-radius:4px;padding:3px 8px;font-size:12px;cursor:pointer;min-width:28px;transition:.15s}
.toolbar button:hover{background:var(--accent);color:var(--white)}
.toolbar .tg{border-left:2px solid var(--bg);margin-left:3px;padding-left:8px}
.main{display:flex;gap:0;min-height:calc(100vh - 70px);margin-top:70px}
.sidebar{width:220px;background:var(--bg2);border-right:1px solid var(--bg3);padding:10px;overflow-y:auto;flex-shrink:0;transition:.3s}
.sidebar.hidden{width:0;padding:0;overflow:hidden}
.sidebar h3{color:var(--accent);font-size:13px;margin:10px 0 4px}
.sidebar .sec{background:var(--bg3);border-radius:var(--radius);padding:6px 8px;margin:3px 0;cursor:pointer;font-size:12px;display:flex;justify-content:space-between;align-items:center;transition:.15s}
.sidebar .sec:hover{background:var(--accent);color:var(--white)}
.sidebar .sec .btns{display:flex;gap:3px}
.sidebar .sec .btns button{background:transparent;border:none;color:var(--fg2);cursor:pointer;font-size:13px;padding:0 2px}
.sidebar .sec .btns button:hover{color:var(--accent4)}
.add-sec{background:var(--accent2);color:#000;border:none;border-radius:var(--radius);padding:5px 10px;width:100%;cursor:pointer;font-weight:700;margin-top:6px;font-size:12px}
.editor-wrap{flex:1;display:flex;flex-direction:column;overflow:visible}
.editor-area{flex:1;padding:15px;overflow-y:visible;display:flex;justify-content:center}
.resume-page{background:var(--white);color:#1a1a1a;width:794px;min-height:1123px;padding:45px 50px;box-shadow:0 4px 30px rgba(0,0,0,.5);border-radius:2px;font-size:14px;line-height:1.7;position:relative}
.resume-page [contenteditable]{outline:none;min-height:18px}
.resume-page [contenteditable]:focus{background:rgba(59,130,246,.06);border-radius:3px}
.resume-page [contenteditable]:empty::before{content:attr(data-ph);color:#aaa;font-style:italic}

/* 头像通用 - 可拖拽 */
.r-avatar{object-fit:cover;cursor:grab;transition:border-radius .3s;user-select:none}
.r-avatar.circle{border-radius:50%}
.r-avatar.square{border-radius:6px}
.r-avatar:active{cursor:grabbing;opacity:.8}
.avatar-ctrl{position:absolute;top:5px;right:5px;display:flex;gap:3px;z-index:10;opacity:0;transition:.2s}
.resume-page:hover .avatar-ctrl{opacity:1}
.avatar-ctrl button{background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:4px;padding:3px 7px;font-size:11px;cursor:pointer}
.avatar-ctrl button:hover{background:var(--accent)}

/* ═══ 经典A: 居中头像 ═══ */
.tpl-classicA .r-header{text-align:center;margin-bottom:15px}
.tpl-classicA .r-avatar{width:100px;height:100px;display:block;margin:0 auto 10px}
.tpl-classicA .r-name{font-size:26px;font-weight:700}
.tpl-classicA .r-title{color:#555;font-size:14px;margin:3px 0}
.tpl-classicA .r-contact{color:#666;font-size:12px;margin-bottom:15px}
.tpl-classicA .r-section{font-size:16px;font-weight:700;color:#2563eb;border-bottom:2px solid #2563eb;padding-bottom:3px;margin:16px 0 6px}
.tpl-classicA .r-item{margin:5px 0}

/* ═══ 经典B: 右侧头像 ═══ */
.tpl-classicB .r-header{display:flex;align-items:center;gap:20px;margin-bottom:15px}
.tpl-classicB .r-avatar{width:90px;height:90px;flex-shrink:0}
.tpl-classicB .r-info{flex:1}
.tpl-classicB .r-name{font-size:26px;font-weight:700}
.tpl-classicB .r-title{color:#555;font-size:14px}
.tpl-classicB .r-contact{color:#666;font-size:12px;margin-top:5px}
.tpl-classicB .r-section{font-size:16px;font-weight:700;color:#2563eb;border-bottom:2px solid #2563eb;padding-bottom:3px;margin:16px 0 6px}
.tpl-classicB .r-item{margin:5px 0}

/* ═══ 经典C: 线条风 ═══ */
.tpl-classicC .r-header{text-align:center;border-bottom:3px double #333;padding-bottom:15px;margin-bottom:15px}
.tpl-classicC .r-avatar{width:80px;height:80px;display:block;margin:0 auto 8px}
.tpl-classicC .r-name{font-size:28px;font-weight:700;letter-spacing:4px}
.tpl-classicC .r-title{color:#555;font-size:13px;margin:5px 0}
.tpl-classicC .r-contact{color:#777;font-size:12px}
.tpl-classicC .r-section{font-size:14px;font-weight:700;color:#333;border-left:4px solid #333;padding-left:10px;margin:18px 0 6px}
.tpl-classicC .r-item{margin:5px 0}

/* ═══ 应届生A ═══ */
.tpl-gradA .r-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px;margin:-45px -50px 20px;border-radius:2px 2px 0 0;display:flex;align-items:center;gap:20px}
.tpl-gradA .r-avatar{width:90px;height:90px;border:3px solid #fff;flex-shrink:0}
.tpl-gradA .r-info{flex:1}
.tpl-gradA .r-name{font-size:24px;font-weight:700;color:#fff}
.tpl-gradA .r-title{color:#e0d5ff;font-size:14px}
.tpl-gradA .r-contact{color:#d0c5ff;font-size:12px;margin-top:5px}
.tpl-gradA .r-section{font-size:16px;font-weight:700;color:#764ba2;border-bottom:2px solid #764ba2;padding-bottom:3px;margin:16px 0 6px}
.tpl-gradA .r-item{margin:5px 0}

/* ═══ 应届生B ═══ */
.tpl-gradB .r-header{text-align:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #10b981}
.tpl-gradB .r-avatar{width:85px;height:85px;display:block;margin:0 auto 8px;border:3px solid #10b981}
.tpl-gradB .r-name{font-size:24px;font-weight:700;color:#065f46}
.tpl-gradB .r-title{color:#555;font-size:13px}
.tpl-gradB .r-contact{color:#666;font-size:12px;margin-top:5px}
.tpl-gradB .r-section{font-size:15px;font-weight:700;color:#10b981;background:#ecfdf5;padding:5px 10px;margin:14px 0 6px;border-radius:4px}
.tpl-gradB .r-item{margin:5px 0;padding-left:10px}

/* ═══ 社招A: 沉稳商务 ═══ */
.tpl-expA .r-header{display:flex;align-items:center;gap:20px;padding-bottom:15px;border-bottom:1px solid #ddd;margin-bottom:15px}
.tpl-expA .r-avatar{width:80px;height:80px;flex-shrink:0}
.tpl-expA .r-info{flex:1}
.tpl-expA .r-name{font-size:24px;font-weight:700;color:#1a1a1a}
.tpl-expA .r-title{color:#555;font-size:14px}
.tpl-expA .r-contact{color:#888;font-size:12px;margin-top:4px}
.tpl-expA .r-section{font-size:15px;font-weight:700;color:#1e40af;border-bottom:1px solid #1e40af;padding-bottom:3px;margin:16px 0 6px;text-transform:uppercase;letter-spacing:1px}
.tpl-expA .r-item{margin:5px 0}

/* ═══ 社招B: 高端深色头 ═══ */
.tpl-expB .r-header{background:#1e293b;color:#fff;padding:25px 30px;margin:-45px -50px 20px;display:flex;align-items:center;gap:20px}
.tpl-expB .r-avatar{width:85px;height:85px;border:2px solid #fbbf24;flex-shrink:0}
.tpl-expB .r-name{font-size:24px;font-weight:700}
.tpl-expB .r-title{color:#94a3b8;font-size:14px}
.tpl-expB .r-contact{color:#64748b;font-size:12px;margin-top:5px}
.tpl-expB .r-section{font-size:15px;font-weight:700;color:#1e293b;margin:16px 0 6px;padding:4px 0;border-bottom:2px solid #1e293b}
.tpl-expB .r-item{margin:5px 0}

/* ═══ 左右A: 蓝色侧栏 ═══ */
.tpl-splitA{display:flex;gap:0;padding:0 !important}
.tpl-splitA .r-left{width:250px;background:#1e3a5f;color:#fff;padding:30px 20px;flex-shrink:0;min-height:1123px}
.tpl-splitA .r-right{flex:1;padding:30px 25px}
.tpl-splitA .r-avatar{width:110px;height:110px;border:3px solid #fff;display:block;margin:0 auto 12px}
.tpl-splitA .r-name{font-size:20px;font-weight:700;text-align:center}
.tpl-splitA .r-title{color:#a0c4ff;font-size:13px;text-align:center}
.tpl-splitA .r-contact{font-size:11px;color:#cbd5e1;line-height:1.8;margin-top:12px}
.tpl-splitA .r-left .r-section{color:#fbbf24;font-size:13px;font-weight:700;margin:14px 0 5px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:3px}
.tpl-splitA .r-left .r-item{font-size:12px;margin:4px 0}
.tpl-splitA .r-right .r-section{font-size:16px;font-weight:700;color:#1e3a5f;border-bottom:2px solid #1e3a5f;padding-bottom:3px;margin:15px 0 6px}
.tpl-splitA .r-right .r-item{margin:5px 0}

/* ═══ 左右B: 绿色侧栏 ═══ */
.tpl-splitB{display:flex;gap:0;padding:0 !important}
.tpl-splitB .r-left{width:240px;background:#065f46;color:#fff;padding:30px 20px;flex-shrink:0;min-height:1123px}
.tpl-splitB .r-right{flex:1;padding:30px 25px}
.tpl-splitB .r-avatar{width:100px;height:100px;border:3px solid #a7f3d0;display:block;margin:0 auto 12px}
.tpl-splitB .r-name{font-size:20px;font-weight:700;text-align:center}
.tpl-splitB .r-title{color:#a7f3d0;font-size:13px;text-align:center}
.tpl-splitB .r-contact{font-size:11px;color:#d1fae5;line-height:1.8;margin-top:12px}
.tpl-splitB .r-left .r-section{color:#fbbf24;font-size:13px;font-weight:700;margin:14px 0 5px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:3px}
.tpl-splitB .r-left .r-item{font-size:12px;margin:4px 0}
.tpl-splitB .r-right .r-section{font-size:16px;font-weight:700;color:#065f46;border-bottom:2px solid #065f46;padding-bottom:3px;margin:15px 0 6px}
.tpl-splitB .r-right .r-item{margin:5px 0}

/* ═══ 表格A ═══ */
.tpl-tableA .r-header{text-align:center;margin-bottom:15px}
.tpl-tableA .r-avatar{width:90px;height:90px;display:block;margin:0 auto 8px}
.tpl-tableA .r-name{font-size:24px;font-weight:700}
.tpl-tableA .r-title{color:#555;font-size:13px}
.tpl-tableA .r-contact{color:#666;font-size:12px;margin:5px 0 15px}
.tpl-tableA .r-section{font-size:14px;font-weight:700;background:#f0f4ff;color:#1e40af;padding:6px 10px;margin:12px 0 0;border:1px solid #c7d2fe}
.tpl-tableA .r-item{border:1px solid #e2e8f0;border-top:none;padding:8px 10px;margin:0;font-size:13px}

/* ═══ 表格B: 黑白表格 ═══ */
.tpl-tableB .r-header{display:flex;align-items:center;gap:15px;border:2px solid #000;padding:15px;margin-bottom:15px}
.tpl-tableB .r-avatar{width:80px;height:80px;flex-shrink:0}
.tpl-tableB .r-name{font-size:22px;font-weight:700}
.tpl-tableB .r-title{font-size:13px;color:#555}
.tpl-tableB .r-contact{font-size:12px;color:#666;margin-top:4px}
.tpl-tableB .r-section{font-size:13px;font-weight:700;background:#000;color:#fff;padding:5px 10px;margin:10px 0 0}
.tpl-tableB .r-item{border:1px solid #999;border-top:none;padding:8px 10px;margin:0;font-size:13px}

/* ═══ 上下A: 大头banner ═══ */
.tpl-topA .r-header{background:linear-gradient(135deg,#0f172a,#1e40af);color:#fff;padding:30px;margin:-45px -50px 20px;text-align:center}
.tpl-topA .r-avatar{width:100px;height:100px;border:3px solid #fff;display:block;margin:0 auto 10px}
.tpl-topA .r-name{font-size:26px;font-weight:700}
.tpl-topA .r-title{color:#93c5fd;font-size:14px;margin:4px 0}
.tpl-topA .r-contact{color:#bfdbfe;font-size:12px}
.tpl-topA .r-section{font-size:15px;font-weight:700;color:#1e40af;margin:16px 0 6px;padding-bottom:3px;border-bottom:2px solid #1e40af}
.tpl-topA .r-item{margin:5px 0}

/* ═══ 上下B: 渐变橙 ═══ */
.tpl-topB .r-header{background:linear-gradient(135deg,#ea580c,#f59e0b);color:#fff;padding:25px;margin:-45px -50px 20px;display:flex;align-items:center;gap:20px}
.tpl-topB .r-avatar{width:85px;height:85px;border:3px solid #fff;flex-shrink:0}
.tpl-topB .r-info{flex:1}
.tpl-topB .r-name{font-size:24px;font-weight:700}
.tpl-topB .r-title{color:#fef3c7;font-size:14px}
.tpl-topB .r-contact{color:#fde68a;font-size:12px;margin-top:4px}
.tpl-topB .r-section{font-size:15px;font-weight:700;color:#ea580c;margin:16px 0 6px;padding-bottom:3px;border-bottom:2px solid #ea580c}
.tpl-topB .r-item{margin:5px 0}

/* ═══ 考研复试A ═══ */
.tpl-pgA .r-header{display:flex;align-items:flex-start;gap:20px;padding-bottom:15px;border-bottom:2px solid #991b1b;margin-bottom:15px}
.tpl-pgA .r-avatar{width:100px;height:130px;flex-shrink:0;border:1px solid #ccc}
.tpl-pgA .r-info{flex:1}
.tpl-pgA .r-name{font-size:22px;font-weight:700}
.tpl-pgA .r-title{color:#555;font-size:13px;margin:3px 0}
.tpl-pgA .r-contact{color:#666;font-size:12px;line-height:1.8}
.tpl-pgA .r-section{font-size:15px;font-weight:700;color:#991b1b;border-bottom:2px solid #991b1b;padding-bottom:3px;margin:16px 0 6px}
.tpl-pgA .r-item{margin:5px 0}

/* ═══ 考研复试B: 学术蓝 ═══ */
.tpl-pgB .r-header{text-align:center;border:2px solid #1e40af;padding:20px;margin-bottom:15px}
.tpl-pgB .r-avatar{width:90px;height:120px;display:block;margin:0 auto 10px;border:1px solid #93c5fd}
.tpl-pgB .r-name{font-size:22px;font-weight:700;color:#1e40af}
.tpl-pgB .r-title{color:#555;font-size:13px}
.tpl-pgB .r-contact{color:#666;font-size:12px;margin-top:5px}
.tpl-pgB .r-section{font-size:14px;font-weight:700;color:#1e40af;background:#eff6ff;padding:5px 10px;margin:14px 0 6px;border-left:4px solid #1e40af}
.tpl-pgB .r-item{margin:5px 0}

/* 隐藏/预览/打印 */
.blurred{filter:blur(5px);user-select:none;transition:.3s}
.blurred:hover{filter:blur(0)}

/* ═══ 鼠标跟随光效 (已移除) ═══ */
.cursor-glow,.cursor-dot{display:none}

/* ═══ 页面级视觉效果 (保留) ═══ */

/* 卡片悬停光圈 */
.tpl-card{position:relative;overflow:hidden}
.tpl-card::before{content:'';position:absolute;top:var(--mouse-y,50%);left:var(--mouse-x,50%);width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.2),transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s;pointer-events:none}
.tpl-card:hover::before{opacity:1}

/* 侧栏按钮悬停扫光 */
.sidebar .sec{position:relative;overflow:hidden}
.sidebar .sec::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .4s}
.sidebar .sec:hover::after{left:100%}

/* 顶栏按钮发光 */
.topbar button:hover{box-shadow:0 0 12px rgba(59,130,246,.4)}
.toolbar button:hover{box-shadow:0 0 8px rgba(59,130,246,.3)}

/* 粒子背景画布 */
#particleCanvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.4}
.main,.topbar,.toolbar{position:relative;z-index:1}

/* 滚动进入动画 */
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.resume-page .r-section,.resume-page .r-item{animation:fadeInUp .5s ease both}
.resume-page .r-section:nth-child(2){animation-delay:.1s}
.resume-page .r-section:nth-child(4){animation-delay:.2s}
.resume-page .r-section:nth-child(6){animation-delay:.3s}

.preview-mode .toolbar,.preview-mode .sidebar,.preview-mode .topbar{display:none}
.preview-mode .editor-area{padding:0;background:var(--white)}
.preview-mode .resume-page{box-shadow:none;border-radius:0;width:100%;max-width:794px}
.preview-mode .avatar-ctrl{display:none}
@media print{.topbar,.toolbar,.sidebar,.avatar-ctrl{display:none!important}.editor-area{padding:0!important}.resume-page{box-shadow:none!important;width:100%!important;padding:40px 50px!important}.blurred{filter:none!important}}
@media(max-width:900px){.sidebar{width:180px}.resume-page{width:100%;min-height:auto;padding:25px 20px}}

/* 模板选择弹窗 */
.tpl-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.tpl-card{background:var(--bg3);border:2px solid transparent;border-radius:8px;padding:12px;cursor:pointer;transition:.2s;text-align:center}
.tpl-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.tpl-card.active{border-color:var(--accent);background:#1e3a5f}
.tpl-card h4{font-size:13px;margin-bottom:4px}
.tpl-card p{font-size:11px;color:var(--fg2)}
.modal-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:200;display:flex;align-items:center;justify-content:center}
.modal{background:var(--bg2);border-radius:12px;padding:20px;width:550px;max-width:92vw;max-height:85vh;overflow-y:auto;color:var(--fg)}
.modal h2{margin-bottom:12px;color:var(--accent);font-size:18px}
.modal input,.modal textarea{width:100%;background:var(--bg3);color:var(--fg);border:1px solid #475569;border-radius:var(--radius);padding:7px 10px;margin:4px 0;font-size:13px}
.modal textarea{min-height:80px;resize:vertical;font-family:Consolas,monospace}
.modal .mbtn{display:inline-block;padding:7px 15px;border-radius:var(--radius);border:none;cursor:pointer;font-size:13px;margin:4px 4px 0 0;font-weight:600}
.modal .mbtn-p{background:var(--accent);color:var(--white)}
.modal .mbtn-s{background:var(--bg3);color:var(--fg)}

/* ═══ 页面3D倾斜 (保留) ═══ */
.resume-page {
    transition: transform .4s ease, box-shadow .4s ease;
    transform-style: preserve-3d;
}
.editor-area { perspective: 1500px; }
.resume-page.tilt-active {
    transform: rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));
    box-shadow: calc(var(--ry, 0) * -1) calc(var(--rx, 0) * 1) 30px rgba(0,0,0,.15), 0 4px 30px rgba(0,0,0,.3);
}

/* ═══ 特效设定面板 ═══ */
.fx-panel{position:fixed;top:80px;right:20px;width:280px;background:var(--bg2);border:1px solid var(--bg3);border-radius:12px;padding:15px;z-index:150;box-shadow:0 8px 30px rgba(0,0,0,.5);display:none;max-height:80vh;overflow-y:auto}
.fx-panel.show{display:block;animation:fxSlideIn .25s ease}
@keyframes fxSlideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
.fx-panel h3{color:var(--accent);font-size:14px;margin:0 0 10px;display:flex;justify-content:space-between;align-items:center}
.fx-panel h3 button{background:transparent;border:none;color:var(--fg2);cursor:pointer;font-size:16px}
.fx-panel h3 button:hover{color:var(--accent4)}
.fx-group{margin:8px 0;padding:8px;background:var(--bg3);border-radius:8px}
.fx-group label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--fg);cursor:pointer;padding:3px 0}
.fx-group label span{color:var(--fg2);font-size:11px}
.fx-toggle{width:36px;height:20px;background:#475569;border-radius:10px;position:relative;cursor:pointer;transition:.2s;flex-shrink:0;border:none;padding:0}
.fx-toggle.on{background:var(--accent)}
.fx-toggle::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:.2s}
.fx-toggle.on::after{left:18px}
.fx-slider{width:100%;margin:4px 0;-webkit-appearance:none;height:4px;background:var(--bg);border-radius:2px;outline:none}
.fx-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer}
.fx-color{width:24px;height:24px;border:none;border-radius:4px;cursor:pointer;padding:0}
.fx-row{display:flex;align-items:center;gap:8px;margin:4px 0;font-size:12px;color:var(--fg2)}
.fx-preset{display:flex;gap:4px;margin:6px 0;flex-wrap:wrap}
.fx-preset button{background:var(--bg);border:1px solid #475569;color:var(--fg);border-radius:6px;padding:4px 8px;font-size:11px;cursor:pointer;transition:.15s}
.fx-preset button:hover{background:var(--accent);color:#fff;border-color:var(--accent)}