:root.light{--color-bg: #e5e8dc;--color-bg-gradient: #f3e7d8;--color-bg-card: #EDE8DF;--color-text: #3A2B1D;--color-accent: #C4756A;--color-accent-2: #E6CCB2;--color-border: #C8BFB0;--color-muted: #8B6E5A;--color-success: #4A7C59;--color-error: #B54444;--color-logo: #F0E2D0;--text-layer1: var(--color-accent);--text-layer2: var(--color-text);--text-layer3: rgba(58, 43, 29, .5);--color-status-normal: #4A7A38;--color-status-warning: #9A6A1A;--color-accent-subtle: rgba(196, 117, 106, .12);--recommendation-bg: rgba(194, 120, 96, .06);--recommendation-icon-bg: rgba(194, 120, 96, .14);--alert-highlight-text: #A85D42;--alert-highlight-bg: rgba(194, 120, 96, .15);--closing-hero-font: "Noto Serif TC", "PingFang TC", serif;--closing-hero-font-size: 26px;--closing-hero-line-height: 1.8;--closing-hero-max-width: 640px;--closing-hero-padding-y: 56px;--closing-note-color: #A85D42;--closing-hero-bg-wash: radial-gradient(circle, rgba(194, 120, 96, .05) 0%, transparent 70%);--color-nav-bg: linear-gradient(180deg, #574039 0%, #3D2B1B 100%);--color-content-card: linear-gradient(180deg, #574039 0%, #3D2B1B 100%);--color-content-border: rgba(255, 255, 255, .08);--color-card-text: #F0E2D0;--color-card-muted: rgba(240, 226, 208, .5);--color-stat-card: #EAD9CC;--color-stat-card-text: #3A2B1D;--color-stat-card-muted: #8B6E5A;--border-cb-top: 1px solid rgba(255, 255, 255, .08);--border-cb-right: 1px solid rgba(255, 255, 255, .08);--border-cb-bottom: 1px solid rgba(255, 255, 255, .08);--border-cb-left: 1px solid rgba(255, 255, 255, .08);--border-sb-top: 1px solid #C8B09A;--border-sb-right: 1px solid #C8B09A;--border-sb-bottom: 1px solid #C8B09A;--border-sb-left: 1px solid #C8B09A;--border-hb-top: 1.5px solid #C4756A;--border-hb-right: 1.5px solid #C4756A;--border-hb-bottom: 1.5px solid #C4756A;--border-hb-left: 1.5px solid #C4756A;--color-table-bg: var(--color-bg-card);--border-table-header: 1px solid var(--color-border);--border-table-row: 1px solid var(--color-border);--color-chart-grid: rgba(240, 226, 208, .12);--color-gauge-track: rgba(240, 226, 208, .2);--color-range-btn-active-bg: rgba(196, 117, 106, .25);--color-metric-btn-active-bg: rgba(240, 226, 208, .15);--color-chart-btn-active-text: #F0E2D0;--color-chart-btn-inactive: rgba(240, 226, 208, .45);--color-btn-active-bg: #C4756A;--color-btn-active-text: #FDF5ED;--color-btn-inactive-bg: transparent;--color-btn-inactive-text: var(--color-text);--color-nav-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);--color-nav-link-inactive: rgba(240, 226, 208, .45);--color-nav-info-text: rgba(240, 226, 208, .5);--color-nav-icon: rgba(240, 226, 208, .6);--color-nav-icon-border: rgba(255, 255, 255, .12);--seg-hover-bg: rgba(240, 226, 208, .1)}:root.dark{--color-bg: #201A18;--color-bg-gradient: #362616;--color-bg-card: #362E2A;--color-text: #F0E2D0;--color-accent: #C4756A;--color-accent-2: #E8A870;--color-border: #4A3E38;--color-muted: #9A8880;--color-success: #6AAA82;--color-error: #E06060;--color-logo: #F0E2D0;--text-layer1: var(--color-accent);--text-layer2: var(--color-text);--text-layer3: rgba(240, 226, 208, .65);--color-status-normal: #7FB069;--color-status-warning: #E8B84C;--color-accent-subtle: rgba(196, 117, 106, .18);--recommendation-bg: rgba(232, 130, 92, .06);--recommendation-icon-bg: rgba(232, 130, 92, .15);--alert-highlight-text: #F0956B;--alert-highlight-bg: rgba(232, 130, 92, .18);--closing-hero-font: "Noto Serif TC", "PingFang TC", serif;--closing-hero-font-size: 26px;--closing-hero-line-height: 1.8;--closing-hero-max-width: 640px;--closing-hero-padding-y: 56px;--closing-note-color: #E8825C;--closing-hero-bg-wash: radial-gradient(circle, rgba(232, 130, 92, .06) 0%, transparent 70%);--color-nav-bg: linear-gradient(180deg, #382516 0%, #2B190A 100%);--color-content-card: linear-gradient(180deg, #2F1F10 0%, #251508 100%);--color-content-border: rgba(215, 165, 75, .25);--color-card-text: #F0E2D0;--color-card-muted: rgba(240, 210, 175, .5);--color-stat-card: var(--color-content-card);--color-stat-card-text: #F0E2D0;--color-stat-card-muted: rgba(240, 210, 175, .5);--border-cb-top: 1px solid rgba(232, 182, 88, .5);--border-cb-right: 1px solid rgba(215, 162, 78, .28);--border-cb-bottom: 1px solid rgba(215, 162, 78, .18);--border-cb-left: 1px solid rgba(215, 162, 78, .28);--border-sb-top: 1px solid rgba(232, 182, 88, .5);--border-sb-right: 1px solid rgba(215, 162, 78, .28);--border-sb-bottom: 1px solid rgba(215, 162, 78, .18);--border-sb-left: 1px solid rgba(215, 162, 78, .28);--border-hb-top: 1px solid #C4756A;--border-hb-right: 1px solid rgba(196, 117, 106, .4);--border-hb-bottom: 1px solid rgba(196, 117, 106, .25);--border-hb-left: 1px solid rgba(196, 117, 106, .4);--color-table-bg: var(--color-content-card);--border-table-header: 1px solid rgba(215, 162, 78, .22);--border-table-row: 1px solid rgba(215, 162, 78, .12);--color-chart-grid: rgba(215, 165, 80, .14);--color-gauge-track: rgba(255, 255, 255, .12);--color-range-btn-active-bg: rgba(232, 182, 88, .2);--color-metric-btn-active-bg: rgba(240, 210, 175, .12);--color-chart-btn-active-text: #F0E2D0;--color-chart-btn-inactive: rgba(240, 210, 175, .45);--color-btn-active-bg: #C4756A;--color-btn-active-text: #FDF5ED;--color-btn-inactive-bg: transparent;--color-btn-inactive-text: var(--color-text);--color-nav-box-shadow: inset 0 1px 0 rgba(235, 185, 95, .35);--color-nav-link-inactive: rgba(240, 226, 208, .38);--color-nav-info-text: rgba(240, 210, 175, .5);--color-nav-icon: rgba(240, 226, 208, .55);--color-nav-icon-border: rgba(215, 165, 75, .25);--seg-hover-bg: rgba(240, 210, 175, .08)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;transition:background-color .5s,color .5s}:root.light body{background:linear-gradient(0deg,var(--color-bg) 0%,var(--color-bg-gradient) 70%) fixed}:root.dark body{background:radial-gradient(circle at 22% 18%,var(--color-bg-gradient) 0%,var(--color-bg) 62%) fixed}a{color:var(--color-accent);text-decoration:none}@keyframes view-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes view-out{0%{opacity:1}to{opacity:0}}.view-enter{animation:view-enter .3s ease-out backwards}.view-out{animation:view-out .2s ease-out forwards}.stagger>*{animation:view-enter .3s ease-out backwards}.stagger>*:nth-child(1){animation-delay:0s}.stagger>*:nth-child(2){animation-delay:.04s}.stagger>*:nth-child(3){animation-delay:.08s}.stagger>*:nth-child(4){animation-delay:.12s}.stagger>*:nth-child(5){animation-delay:.16s}.stagger>*:nth-child(6){animation-delay:.2s}.stagger>*:nth-child(7){animation-delay:.24s}.stagger>*:nth-child(8){animation-delay:.28s}.stagger>*:nth-child(9){animation-delay:.32s}.stagger>*:nth-child(10){animation-delay:.36s}.stagger>*:nth-child(11){animation-delay:.4s}.stagger>*:nth-child(12){animation-delay:.44s}@keyframes chart-enter{0%{opacity:0}to{opacity:1}}.chart-enter{animation:chart-enter .15s ease-out backwards}@keyframes chart-out{0%{opacity:1}to{opacity:0}}.chart-out{animation:chart-out .1s ease-out forwards}.stat-card{width:95%;margin:0 auto;transition:transform .35s ease-out,box-shadow .35s ease-out,border-color .2s}.stat-card:hover{transform:scale(1.05);box-shadow:0 0 14px 4px var(--card-glow);position:relative;z-index:1}.seg-btn{background:transparent;transition:background .1s ease,color .15s ease}.seg-btn:hover{background:var(--seg-hover-bg)}@keyframes seg-press{0%{transform:scale(1)}35%{transform:scale(.9)}70%{transform:scale(1.05)}to{transform:scale(1)}}.seg-press{animation:seg-press .25s ease-out}::view-transition-old(root),::view-transition-new(root){animation-duration:.5s}@media (prefers-reduced-motion: reduce){.view-enter,.view-out,.stagger>*,.chart-enter,.chart-out,.seg-press,.stat-card{animation:none!important;transition:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}.analysis-layout{display:flex;height:calc(100vh - 56px);overflow:hidden}.analysis-sidebar{width:180px;flex-shrink:0;border-right:1px solid var(--color-border);padding:16px 8px;display:flex;flex-direction:column;gap:8px;background:var(--color-surface, var(--color-bg))}.analysis-sidebar button{width:100%;padding:10px 14px;border:none;border-radius:var(--radius-md, 8px);cursor:pointer;font-size:14px;text-align:left;background:transparent;color:var(--color-text);transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color .3s ease,color .3s ease}.analysis-sidebar button.active,.analysis-sidebar button:hover{background:var(--color-accent-subtle, rgba(0, 120, 215, .1));color:var(--color-accent, #0078d7)}.analysis-sidebar button:active{transform:scale(.93);background:var(--color-accent, #0078d7);color:#fff;transition:transform .12s ease-out,background-color .12s ease-out,color .12s ease-out}@keyframes tabPanelIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tab-panel-in{animation:tabPanelIn .35s ease-out both}.analysis-main{flex:1;overflow-y:auto;padding:24px}.analysis-form{max-width:560px}.analysis-form label{display:block;font-size:13px;color:var(--color-text-secondary, var(--color-text));margin-bottom:4px}.analysis-form select,.analysis-form textarea{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);background:var(--color-bg);color:var(--color-text);font-size:14px;margin-bottom:16px;box-sizing:border-box}.analysis-form textarea{height:90px;resize:vertical;font-family:inherit}.btn-primary{padding:10px 24px;background:var(--color-accent, #0078d7);color:#fff;border:none;border-radius:var(--radius-md, 8px);cursor:pointer;font-size:14px;font-weight:500}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.analysis-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 0;color:var(--color-text-secondary, var(--color-text))}.spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-accent, #0078d7);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.analysis-result-view{display:flex;flex-direction:column;align-items:center}.analysis-result{max-width:760px;line-height:1.7}.analysis-result h2{font-size:1.3rem;margin-bottom:12px}.analysis-result h3{font-size:1.05rem;margin:20px 0 8px;color:var(--color-accent, #0078d7)}.analysis-result p{margin:8px 0}.analysis-result ul,.analysis-result ol{padding-left:24px;margin:8px 0}.history-list{list-style:none;padding:0;margin:0}.history-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--color-border);gap:8px}.history-item-title{flex:1;cursor:pointer;font-size:18px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-title:hover{color:var(--color-accent, #0078d7)}.history-settings-wrap{position:relative}.btn-icon{background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm, 6px);font-size:16px;color:var(--color-text-secondary, var(--color-text))}.btn-icon:hover{background:var(--color-border)}.history-popover{position:absolute;right:0;top:100%;background:var(--color-surface, var(--color-bg));border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);box-shadow:0 4px 12px #00000026;z-index:100;min-width:100px;overflow:hidden}.history-popover button{display:block;width:100%;padding:8px 16px;background:transparent;border:none;cursor:pointer;text-align:left;font-size:14px;color:var(--color-text)}.history-popover button:hover{background:var(--color-border)}.history-popover button.danger{color:#c0392b}.pagination{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:14px}.pagination button{padding:4px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);background:var(--color-bg);cursor:pointer;color:var(--color-text)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination input{width:48px;padding:4px 6px;border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);background:var(--color-bg);color:var(--color-text);text-align:center;font-size:14px}.analysis-report{max-width:760px;width:100%;margin:0 auto}@keyframes reportStaggerIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.report-stagger-item{--stagger-item-duration: calc(var(--stagger-item-speed, 2.5s) / var(--stagger-total, 1));opacity:0;animation:reportStaggerIn var(--stagger-item-duration) ease-out forwards;animation-delay:calc((var(--stagger-page-duration, 2s) - var(--stagger-item-duration)) * var(--stagger-index, 0) / max(var(--stagger-total, 1) - 1,1))}.analysis-report__title{font-size:20px;font-weight:600;color:var(--text-layer1);margin-bottom:20px;line-height:1.5;text-align:center}.metric-card-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.metric-card{display:flex;border-radius:var(--radius-md, 8px);background:var(--color-bg-card);border:1px solid var(--color-border);border-left:4px solid var(--color-status-normal);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}.report-hover-btn{transition:transform .3s ease,box-shadow .3s ease}.metric-card:hover,.recommendation-card:hover,.report-hover-btn:hover,.summary-strip__item:hover{transform:scale(1.03);box-shadow:0 0 0 1px var(--color-accent, #0078d7),0 0 18px 4px color-mix(in srgb,var(--color-accent, #0078d7) 40%,transparent)}.metric-card--warning{border-left-color:var(--color-status-warning)}.metric-card__body{padding:14px 18px;flex:1}.metric-card__title{font-size:18px;font-weight:600;color:var(--text-layer1);margin-bottom:6px}.metric-card__conclusion{font-size:16px;font-weight:500;color:var(--text-layer2);margin-bottom:10px}.metric-card__badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:13px;border:1px solid;font-variant-numeric:tabular-nums}.badge--normal{color:var(--color-status-normal);border-color:var(--color-status-normal);background:color-mix(in srgb,var(--color-status-normal) 12%,transparent)}.badge--warning{color:var(--color-status-warning);border-color:var(--color-status-warning);background:color-mix(in srgb,var(--color-status-warning) 12%,transparent)}.metric-card__detail{font-size:14px;font-weight:400;color:var(--text-layer3);line-height:1.6}.alert-highlight{color:var(--alert-highlight-text);background:var(--alert-highlight-bg);border-radius:4px;padding:1px 5px;font-weight:500}.summary-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px}.summary-strip__item{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--color-bg-card);border:1px solid var(--color-border);font-size:13px;color:var(--text-layer2);transition:transform .35s ease,box-shadow .35s ease}.summary-strip__icon{font-size:14px}.summary-strip__label{color:var(--text-layer3)}.summary-strip__value{font-weight:600;font-variant-numeric:tabular-nums}.summary-strip__dot{width:8px;height:8px;border-radius:50%;background:var(--color-status-normal)}.summary-strip__dot--warning{background:var(--color-status-warning)}.recommendations-block{margin-bottom:24px}.recommendations-block__heading{font-family:var(--closing-hero-font);font-size:22px;font-weight:600;color:var(--text-layer2);margin-bottom:12px;text-align:center}.analysis-report__section-heading{font-family:var(--closing-hero-font);font-size:22px;font-weight:600;color:var(--text-layer2);margin:36px 0 16px;text-align:center}.recommendations-block__list{display:flex;flex-direction:column;gap:12px}.recommendation-card{display:flex;gap:14px;padding:16px 20px;border-radius:var(--radius-md, 8px);background:var(--recommendation-bg);border:1px solid var(--color-border);transition:transform .35s ease,box-shadow .35s ease}.recommendation-card__icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--recommendation-icon-bg);display:flex;align-items:center;justify-content:center;font-size:18px}.recommendation-card__body{flex:1}.recommendation-card__title{font-size:18px;font-weight:600;color:var(--text-layer1);margin-bottom:4px}.recommendation-card__text{font-size:16px;font-weight:500;color:var(--text-layer2);line-height:1.6}.analysis-report__notes{border-left:3px solid var(--color-accent);padding:10px 16px;color:var(--text-layer3);font-size:14px;font-style:italic;margin-bottom:24px}.closing-hero{max-width:var(--closing-hero-max-width);margin:0 auto;padding:var(--closing-hero-padding-y) 24px;text-align:center;background:var(--closing-hero-bg-wash)}.closing-hero__ornament{display:block;color:var(--closing-note-color);letter-spacing:.3em;margin-bottom:20px;opacity:.8}.closing-hero__text{font-family:var(--closing-hero-font);font-size:var(--closing-hero-font-size);line-height:var(--closing-hero-line-height);color:var(--text-layer2)}