.feature-card{background:var(--bi-surface);border-radius:20px;padding:24px;box-shadow:0 10px 40px #00000014;border:none;transition:all .3s ease}.feature-card:hover{box-shadow:0 15px 50px #0000001f}.feature-card .card-header{background:var(--bi-surface-2);border-bottom:1px solid var(--bi-border);padding:8px 20px;font-weight:600;color:var(--bi-text);font-size:16px;border-radius:20px 20px 0 0;margin:-24px -24px 0;width:calc(100% + 48px)}.feature-card .card-body{padding:24px 0 0}.btn{border-radius:10px;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn-success{background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 4px 15px #10b98166}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff;box-shadow:0 4px 15px #f59e0b66}.btn-warning:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b80;color:#fff}.btn-info{background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;color:#fff;box-shadow:0 4px 15px #06b6d466}.btn-info:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d480;color:#fff}.btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);border:none;color:#fff;box-shadow:0 4px 15px #6b728066}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728080;color:#fff}.btn-outline-secondary{background:var(--bi-surface);border:2px solid var(--bi-border);color:var(--bi-text-muted);box-shadow:none}.btn-outline-secondary:hover{background:linear-gradient(135deg,rgba(var(--brand-rgb),.08),rgba(var(--brand-strong-rgb),.08));border-color:var(--brand);color:var(--brand);transform:translateY(-2px)}.btn-lg{padding:14px 28px;font-size:15px}.btn:disabled{opacity:.5;transform:none!important}.form-control,.form-select{border-radius:12px;padding:6px 8px;font-size:15px;transition:all .3s ease}.form-control:focus,.form-select:focus{border-color:var(--brand);box-shadow:0 0 0 .2rem rgba(var(--brand-rgb),.25)}.timezone-select{width:150px;min-width:150px;padding-right:24px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.timezone-select option{white-space:nowrap}.form-label{font-weight:500;color:var(--bi-text-muted);margin-bottom:8px;font-size:14px}.input-group .form-control{border-right:none;border-radius:12px 0 0 12px}.input-group .form-select{border-left:none;border-radius:0 12px 12px 0;min-width:120px}.input-group-text{background:var(--bi-surface-2);border:2px solid var(--bi-border);border-left:none;border-radius:0 12px 12px 0;color:var(--bi-text-muted);font-weight:500}.form-check-input{border:2px solid var(--bi-border);width:20px;height:20px;cursor:pointer}.form-check-input:checked{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%);border-color:transparent}.form-check-label{cursor:pointer;color:var(--bi-text)}.stopwatch-display{font-family:SF Mono,SFMono-Regular,ui-monospace,Menlo,Monaco,monospace;font-size:72px;font-weight:300;color:var(--bi-text);letter-spacing:-2px}.stopwatch-display .time-digit{display:inline-block;min-width:100px;text-align:center}.stopwatch-display .time-ms{font-size:40px;color:var(--brand);min-width:70px}.stopwatch-display .time-separator{color:var(--bi-text-muted);margin:0 4px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.8}}.display-time{font-family:SF Mono,SFMono-Regular,ui-monospace,Menlo,Monaco,monospace;font-size:64px;font-weight:300;color:var(--brand);letter-spacing:-2px}.display-date{font-size:16px;color:var(--bi-text-muted);margin-top:8px}.clock-tab-card{background:var(--bi-surface);border:1px solid var(--bi-border);box-shadow:0 10px 40px #0000000f;color:var(--bi-text)}.beijing-time-title{font-size:17px;font-weight:600;color:var(--bi-text);text-align:center;margin-bottom:24px;letter-spacing:.3px}.beijing-time-content{display:flex;align-items:center;justify-content:center;gap:56px;flex-wrap:wrap}.analog-clock{width:200px;height:200px;flex-shrink:0;filter:drop-shadow(0 8px 20px rgba(0,0,0,.08))}.clock-svg{width:100%;height:100%;overflow:visible}.clock-face{fill:#fff;stroke:#d2d2d7;stroke-width:2}.clock-face-inner{fill:#fff;stroke:none}.clock-tick{stroke:#c7c7cc;stroke-width:2;stroke-linecap:round}.clock-tick.major{stroke:#1d1d1f;stroke-width:3.5}.clock-hand{stroke-linecap:round;transform-origin:100px 100px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.hour-hand{stroke:#1d1d1f;stroke-width:6;filter:none}.minute-hand{stroke:#1d1d1f;stroke-width:4;filter:none}.second-hand{stroke:#ff3b30;stroke-width:1.6;filter:none;transition:transform .05s linear}.clock-center{fill:#ff3b30;filter:none}.clock-center-inner{fill:#fff}.digital-time-wrap{text-align:center;min-width:240px}.beijing-digital-time{font-family:SF Mono,SFMono-Regular,ui-monospace,Menlo,Monaco,monospace;font-size:76px;font-weight:600;color:var(--bi-text);letter-spacing:-2px;line-height:1.1;text-shadow:none}.beijing-date{font-size:18px;color:var(--bi-text-muted);margin-top:12px;font-weight:500;text-shadow:none}html[data-theme=dark] .clock-face{fill:#1e293b;stroke:#475569}html[data-theme=dark] .clock-face-inner{fill:#0f172a}html[data-theme=dark] .clock-tick{stroke:#64748b}html[data-theme=dark] .clock-tick.major,html[data-theme=dark] .hour-hand,html[data-theme=dark] .minute-hand{stroke:#e2e8f0}html[data-theme=dark] .clock-center-inner{fill:#0f172a}html[data-theme=dark] .clock-svg stop{stop-opacity:.08}@media (max-width: 768px){.beijing-time-content{gap:32px}.analog-clock{width:160px;height:160px}.beijing-digital-time{font-size:56px}.beijing-date{font-size:15px}.beijing-time-title{font-size:16px;margin-bottom:16px}}@media (max-width: 576px){.analog-clock{width:140px;height:140px}.beijing-digital-time{font-size:44px}.beijing-date{font-size:14px}}.result-highlight{background:linear-gradient(135deg,var(--bi-surface-2) 0%,var(--bi-border) 100%);border-radius:12px;border:1px solid var(--bi-border);padding:24px}html[data-theme=dark] .result-highlight{background:var(--bi-surface-2)}.result-box{background:var(--bi-surface-2);border-radius:12px;padding:16px 20px}.result-box .fw-bold{color:var(--brand);font-family:SF Mono,monospace;font-weight:600}.laps-list{max-height:320px;overflow-y:auto}.lap-item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--bi-surface-2);border-radius:12px;margin-bottom:10px;border:1px solid var(--bi-border);transition:all .2s ease;font-family:SF Mono,SFMono-Regular,ui-monospace,monospace}.lap-item:hover{background:linear-gradient(135deg,rgba(var(--brand-rgb),.03),rgba(var(--brand-strong-rgb),.03));border-color:rgba(var(--brand-rgb),.25);transform:translate(4px)}.lap-item:last-child{margin-bottom:0}.lap-item .lap-num{color:var(--bi-text-muted);font-size:14px}.lap-item .lap-time{font-weight:600;color:var(--bi-text);font-size:16px}.age-value{font-size:28px;font-weight:700;color:var(--brand)}.badge{font-weight:600;padding:6px 12px;border-radius:20px;font-size:13px}.badge.bg-primary{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%)!important}.laps-list::-webkit-scrollbar{width:6px}.laps-list::-webkit-scrollbar-track{background:var(--bi-surface-2);border-radius:3px}.laps-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--brand) 0%,var(--brand-strong) 100%);border-radius:3px}.laps-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--brand-strong) 0%,var(--brand-strong) 100%)}.tab-pane{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.page-title{padding:32px 20px;margin-bottom:32px}.page-title h2{font-size:24px}.page-title h2 i{font-size:28px}.nav-pills{gap:8px}.nav-pills .nav-link{padding:10px 16px;font-size:14px}.stopwatch-display{font-size:48px}.stopwatch-display .time-digit{min-width:70px}.stopwatch-display .time-ms{font-size:28px;min-width:50px}.display-time{font-size:40px}.feature-card{padding:20px}.feature-card .card-header{margin:-20px -20px 0;width:calc(100% + 40px);padding:8px 16px}.btn-lg{padding:12px 20px;font-size:14px}.age-value{font-size:22px}}@media (max-width: 576px){.page-title{padding:24px 16px}.page-title h2{font-size:20px}.stopwatch-display{font-size:36px}.stopwatch-display .time-digit{min-width:55px}.stopwatch-display .time-ms{font-size:22px;min-width:40px}.nav-pills .nav-link{padding:8px 14px;font-size:13px}.btn-lg{padding:10px 16px;font-size:13px}.converter-section{flex-direction:column}.btn-swap{transform:rotate(90deg)}}.copy-row{cursor:pointer;transition:all .2s ease;border-radius:8px;margin:0 -8px;padding-left:8px!important;padding-right:8px!important}.copy-row:hover{background:linear-gradient(135deg,rgba(var(--brand-rgb),.03),rgba(var(--brand-strong-rgb),.03))}.copy-row:hover .copy-value{color:var(--brand)!important}.copy-value{cursor:pointer;user-select:all;transition:all .2s ease;position:relative}.copy-value:hover{text-decoration:underline}.cd-stage{position:relative;width:260px;height:260px;margin:0 auto}.cd-svg{width:100%;height:100%;transform:rotate(-90deg)}.cd-track{fill:none;stroke:var(--bi-border);stroke-width:14}.cd-progress{fill:none;stroke:var(--brand);stroke-width:14;stroke-linecap:round;stroke-dasharray:728.85;stroke-dashoffset:0;transition:stroke-dashoffset .3s linear}.cd-stage.finished .cd-progress{animation:cdBlink .6s ease 3}@keyframes cdBlink{50%{opacity:.25}}.cd-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.cd-time{font-family:SF Mono,SFMono-Regular,ui-monospace,Menlo,Monaco,monospace;font-size:34px;font-weight:600;color:var(--bi-text);letter-spacing:-1px;line-height:1;display:flex;align-items:baseline;white-space:nowrap}.cd-time .cd-num{text-align:center}.cd-time .cd-unit{font-size:11px;font-weight:500;color:var(--bi-text-muted);margin:0 5px 0 1px}.cd-time .cd-colon{margin:0 1px;color:var(--bi-text-muted);animation:pulse 2s ease-in-out infinite}.cd-status{font-size:14px;color:var(--bi-text-muted);letter-spacing:1px}.cd-stage.finished .cd-time,.cd-stage.finished .cd-status{color:#10b981}.cd-presets{display:flex;flex-wrap:wrap;gap:10px}.cd-chip{padding:8px 18px;border-radius:999px;border:1px solid var(--bi-border);background:var(--bi-surface);color:var(--bi-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cd-chip:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-1px)}.cd-chip.active{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(var(--brand-rgb),.35)}.cd-custom{margin-top:14px}.cd-custom .form-label{text-align:center;width:100%;margin-bottom:4px}@media (max-width: 768px){.cd-stage{width:220px;height:220px}.cd-time{font-size:26px}}@media (max-width: 576px){.cd-stage{width:190px;height:190px}.cd-time{font-size:22px}.cd-time .cd-unit{font-size:10px;margin:0 4px 0 1px}.cd-chip{padding:7px 14px;font-size:13px}}