@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+SC:wght@400;500;700;900&display=swap";:root{--bg: #f5f3f0;--alum-dark: #8a8a8a;--alum-mid: #b0b0b0;--alum-light: #d4d4d4;--alum-highlight: #e8e8e8;--steel-dark: #6b6b6b;--steel-mid: #9a9a9a;--steel-bright: #c0c0c0;--brass: #b8942e;--brass-light: #d4a843;--red-mark: #d64040;--green-mark: #3d9b78;--fill-steel: #bcc7d6;--text-primary: #2a2a2a;--text-secondary: #6b6b6b;--text-tertiary: #999;--shadow-soft: 0 2px 12px rgba(0,0,0,.06);--shadow-metal: 0 4px 20px rgba(0,0,0,.08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Noto Sans SC,sans-serif;background:var(--bg);color:var(--text-primary)}#app{min-height:100vh;display:flex;justify-content:flex-start;align-items:center;overflow-x:hidden;overflow-y:auto;flex-direction:column}.app-layout{width:90%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-top:48px;height:100vh}.profile-section{display:flex;align-items:flex-start;gap:40px}.profile-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:12px}.profile-avatar{width:240px;height:240px;border-radius:24px;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000d}.profile-right{display:flex;padding-top:50px;flex-direction:column;min-width:0}.profile-name{font-size:32px;font-weight:700;color:#2a2a2a;letter-spacing:.04em}.profile-tagline{font-size:28px;font-weight:900;color:#2a2a2a;letter-spacing:.03em;line-height:1.35}.profile-bio{max-width:520px;margin-top:10px;font-size:14px;line-height:1.65;color:var(--text-secondary);letter-spacing:.03em;font-weight:500}.profile-links{display:flex;gap:12px;margin-top:16px}.profile-link{padding:7px 22px;border-radius:20px;font-size:13px;font-weight:600;text-decoration:none;letter-spacing:.04em;transition:all .15s ease-out}.profile-link.douyin{background:#1a1a1a;color:#fff}.profile-link.douyin:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.profile-link.bilibili{background:#fb7299;color:#fff}.profile-link.bilibili:hover{background:#fc8bab;transform:translateY(-1px);box-shadow:0 4px 12px #fb729959}.profile-link.github{background:#a5a5a5;color:#fff;border:1px solid #ddd}.profile-link.github:hover{background:#eee;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.caliper-app{width:100%;display:flex;flex-direction:column;align-items:center;gap:36px;padding:0 0 10px}.caliper-title{display:none;font-size:32px;font-weight:900;letter-spacing:.08em;color:#2a2a2a;text-align:center;margin-bottom:100px}.caliper-title-sub{display:none;font-size:10px;font-weight:500;letter-spacing:.35em;color:var(--text-tertiary);margin-top:6px;text-transform:uppercase}.year-switcher{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px}.year-btn{width:28px;height:28px;border:1px solid var(--alum-mid);background:#fff;border-radius:6px;cursor:pointer;font-size:13px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .15s ease-out;line-height:1}.year-btn:hover{border-color:var(--steel-dark);color:var(--text-primary);box-shadow:0 1px 4px #0000000f}.year-display{font-weight:700;font-size:14px;color:var(--text-primary);letter-spacing:.02em;min-width:48px;text-align:center}.caliper-wrap,.caliper{width:100%;position:relative}.beam{position:relative;width:100%;height:52px;background:linear-gradient(180deg,#e2e0dd,#eeedeb 8%,#d8d6d2 20%,#c8c6c2,#dcdad6 80%,#e8e6e3 92%,#d4d2ce);border-radius:3px;box-shadow:0 1px #ffffffb3 inset,0 -1px #0000000f inset,0 0 0 1px #0000000a,0 0 0 2px #00000005,var(--shadow-metal);overflow:visible;cursor:grab}.beam.dragging{cursor:grabbing}.beam:before{content:"";position:absolute;top:10px;bottom:10px;left:6px;right:6px;background:linear-gradient(180deg,#7a9ec4,#8aafd6 30%,#7ea4ca,#8aafd6 70%,#7a9ec4);border-radius:2px;box-shadow:0 1px #fff3 inset,0 -1px #00000014 inset;pointer-events:none}.beam-fill{position:absolute;top:10px;bottom:10px;left:6px;background:linear-gradient(180deg,#b8b6b2,#c8c6c2 15%,#b0aeaa,#c4c2be 85%,#b8b6b2);border-radius:2px 0 0 2px;box-shadow:0 1px #fff6 inset,0 -1px #0000000f inset;z-index:1}.beam-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.04) 2px,rgba(255,255,255,.04) 3px);border-radius:2px 0 0 2px}.tick-major{position:absolute;top:-16px;width:1px;height:18px;background:#999;transform:translate(-50%);z-index:3}.tick-major:after{content:attr(data-label);position:absolute;top:-26px;left:50%;transform:translate(-50%);font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap;font-family:Inter,sans-serif;letter-spacing:.04em}.tick-mid{position:absolute;top:-14px;width:1px;height:16px;background:#777;transform:translate(-50%);z-index:3}.tick-minor{position:absolute;top:-8px;width:1px;height:10px;background:#9a9a9a;transform:translate(-50%);z-index:3}.tick-minor-labeled:after{content:attr(data-label);position:absolute;top:-14px;left:50%;transform:translate(-50%);font-size:8px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.tick-gregorian{position:absolute;bottom:-6px;width:1px;height:8px;background:#7a9ec4;transform:translate(-50%);z-index:3}.tick-gregorian-labeled:after{content:attr(data-label);position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-size:9px;font-weight:500;color:#5a7ea4;white-space:nowrap}.vernier{position:absolute;top:-50px!important;bottom:-6px;width:2px;transform:translate(-50%);z-index:20;pointer-events:none;background:var(--red-mark);box-shadow:0 0 3px #d6404059;border-radius:1px}.vernier:before{content:"";position:absolute;top:-8px;left:-5px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--red-mark);filter:drop-shadow(0 1px 2px rgba(214,64,64,.25))}.vernier:after{content:attr(data-label);position:absolute;top:-28px;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;color:var(--red-mark);white-space:nowrap;letter-spacing:.06em}.cursor-ghost{position:absolute;top:-50px;bottom:-6px;width:2px;background:#d6404040;transform:translate(-50%);z-index:19;pointer-events:none;border-radius:1px}.cursor-ghost:after{content:attr(data-label);position:absolute;top:-28px;left:50%;transform:translate(-50%);font-size:10px;font-weight:600;color:#d64040b3;white-space:nowrap;letter-spacing:.04em}.pin{position:absolute;top:-16px;transform:translate(-50%);z-index:15;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .12s ease-out}.pin:hover{transform:translate(-50%) translateY(-2px)}.pin-head{width:5px;height:18px;border-radius:1px;position:relative}.pin-head.holiday{background:linear-gradient(180deg,#d4a843,#b8942e 40%,#9a7a22);box-shadow:0 1px #ffffff4d inset,0 0 3px #b8942e66}.pin-head.custom{background:linear-gradient(180deg,silver,#9a9a9a 40%,#7a7a7a);box-shadow:0 1px #ffffff59 inset,0 0 3px #6464644d}.pin-head:after{content:"";position:absolute;top:-3px;left:-1px;width:7px;height:6px;border-radius:3px 3px 0 0}.pin-head.holiday:after{background:linear-gradient(180deg,#e4c56b,#c9a43a);box-shadow:0 0 3px #b8942e4d}.pin-head.custom:after{background:linear-gradient(180deg,#d8d8d8,#b0b0b0);box-shadow:0 0 3px #7878784d}.pin-flag{position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:9px;font-weight:600;white-space:nowrap;padding:3px 7px;border-radius:2px;letter-spacing:.04em;opacity:0;transition:opacity .1s;pointer-events:none;box-shadow:0 2px 8px #00000014}.pin:hover .pin-flag{opacity:1}.pin-flag.holiday{background:#faf6ed;color:var(--brass);border:1px solid rgba(184,148,46,.3)}.pin-flag.custom{background:#f5f5f5;color:var(--steel-dark);border:1px solid rgba(0,0,0,.1)}.jaw{position:absolute;top:-40px;width:20px;height:42px;background:linear-gradient(180deg,#e8e6e3,#d4d2ce,#c8c6c2);border-radius:2px 2px 0 0;box-shadow:0 1px #fff9 inset,0 -1px #0000000a inset,-1px 0 2px #0000000a;z-index:0}.jaw:after{content:"";position:absolute;bottom:0;left:2px;right:2px;height:6px;background:#c0bdb8;border-radius:0 0 1px 1px;box-shadow:0 2px 4px #00000014}.jaw.left{left:-3px;border-radius:3px 2px 0}.jaw.right{right:-3px;border-radius:2px 3px 2px 0}.beam-footer{position:relative;height:20px;margin-top:12px}.gregorian-month{position:absolute;transform:translate(-50%);font-size:12px;font-weight:500;color:var(--text-tertiary);letter-spacing:.04em;font-family:Inter,sans-serif;white-space:nowrap}.info-strip{display:flex;align-items:center;gap:28px;font-size:12px;color:var(--text-tertiary);letter-spacing:.04em}.info-strip strong{color:var(--text-primary);font-weight:700}.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;display:inline-block;vertical-align:middle;margin-right:4px}.dot.brass{background:var(--brass)}.dot.steel{background:var(--steel-mid)}.sep{color:#ccc}.tooltip{position:fixed;background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 14px;font-size:11px;pointer-events:none;opacity:0;transition:opacity 80ms;z-index:100;box-shadow:0 4px 16px #0000001a;letter-spacing:.03em;white-space:nowrap}.tooltip.on{opacity:1}.tt-name{font-weight:700;color:#2a2a2a}.tt-date{color:#999;font-size:10px}.vernier-label-inline{color:var(--red-mark);font-weight:600}.zoom-badge{position:absolute;right:-4px;bottom:-32px;background:#0000000f;color:var(--text-tertiary);font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;letter-spacing:.04em;pointer-events:none}.vernier--edge-left:after{content:"◄ " attr(data-label)}.vernier--edge-right:after{content:attr(data-label) " ►"}.pin-head.user{border-radius:1px}.pin-head.user:after{background:inherit;box-shadow:0 0 3px #00000040}.pin-flag.user{background:#fafafa;color:#555;border:1px solid rgba(0,0,0,.1)}.pin-repeat{font-size:8px;color:#999;margin-left:2px;opacity:0;transition:opacity .1s}.pin:hover .pin-repeat{opacity:1}.pin-delete{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:#00000014;border-radius:50%;cursor:pointer;font-size:12px;line-height:1;color:#999;margin-left:4px;opacity:0;transition:opacity .1s}.pin:hover .pin-delete{opacity:1}.pin-delete:hover{background:#ef444426;color:#ef4444}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-card{background:#fff;border-radius:12px;padding:28px 32px;width:380px;box-shadow:0 16px 48px #00000026}.dialog-title{font-size:18px;font-weight:700;color:#2a2a2a;margin-bottom:24px;letter-spacing:.04em}.dialog-field{margin-bottom:18px}.dialog-field label{display:block;font-size:12px;font-weight:600;color:#888;margin-bottom:8px;letter-spacing:.05em;text-transform:uppercase}.color-options{display:flex;gap:10px}.color-swatch{width:32px;height:32px;border-radius:50%;cursor:pointer;position:relative;transition:transform .12s ease-out;box-shadow:0 2px 8px #0000001a}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{outline:3px solid #3B82F6;outline-offset:3px}.color-swatch input{display:none}.date-row{display:flex;align-items:center;gap:8px}.date-row select{padding:6px 10px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#333;background:#fafafa;cursor:pointer}.date-ref{font-size:12px;color:#999;white-space:nowrap}.repeat-options{display:flex;gap:8px}.repeat-opt{padding:6px 14px;border:1px solid #ddd;border-radius:6px;font-size:13px;cursor:pointer;color:#888;transition:all .15s}.repeat-opt.active{border-color:#3b82f6;color:#3b82f6;background:#3b82f60f}.repeat-opt input{display:none}.dialog-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#333;outline:none;transition:border-color .15s}.dialog-input:focus{border-color:#3b82f6}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.dialog-btn{padding:8px 20px;border-radius:6px;border:none;font-size:14px;font-weight:600;cursor:pointer;letter-spacing:.04em;transition:all .15s ease-out}.dialog-btn.cancel{background:#f1f1f1;color:#666}.dialog-btn.cancel:hover{background:#e5e5e5}.dialog-btn.confirm{background:#3b82f6;color:#fff}.dialog-btn.confirm:hover{background:#2563eb}.manage-btn{padding:4px 12px;border:1px solid #ddd;border-radius:5px;background:#fafafa;font-size:12px;color:#666;cursor:pointer;letter-spacing:.04em;transition:all .15s}.manage-btn:hover{border-color:#3b82f6;color:#3b82f6}.manage-card{max-height:70vh;display:flex;flex-direction:column}.manage-empty{text-align:center;padding:32px 0;color:#aaa;font-size:14px}.manage-list{flex:1;overflow-y:auto;max-height:50vh}.manage-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f0f0}.manage-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.manage-date{font-size:13px;color:#555;white-space:nowrap}.manage-repeat{font-size:10px;color:#999;background:#f5f5f5;padding:1px 6px;border-radius:3px;white-space:nowrap}.manage-note{font-size:13px;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-actions{display:flex;gap:6px;flex-shrink:0}.manage-action{padding:3px 10px;border-radius:4px;border:1px solid #ddd;font-size:11px;cursor:pointer;background:#fff;transition:all .12s}.manage-action.edit{color:#3b82f6;border-color:#3b82f640}.manage-action.edit:hover{background:#3b82f610}.manage-action.del{color:#ef4444;border-color:#ef444440}.manage-action.del:hover{background:#ef444410}.custom-footer{padding-bottom:24px;text-align:center}.custom-footer a{font-size:12px;color:#aaa;text-decoration:none;letter-spacing:.03em}.custom-footer a:hover{color:#888}