*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--primary:#534AB7;--green:#0F6E56;--ad-bg:#FFF8E1;--color-bg-page:#f8fafc;--color-bg-card:#ffffff;--color-bg-hero:#1e293b;--color-bg-hero-end:#334155;--color-bg-input:#f1f5f9;--color-bg-input-hover:#e2e8f0;--color-text-primary:#1e293b;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-text-on-hero:#ffffff;--color-text-on-hero-muted:#cbd5e1;--color-accent:#f59e0b;--color-accent-light:#fef3c7;--color-success:#10b981;--color-danger:#dc2626;--green-light:#E6F5EF;--color-text-on-primary:#ffffff;--color-warning:#f59e0b;--color-error:#ef4444;--gradient-health:linear-gradient(135deg,#10b981,#14b8a6);--gradient-finance:linear-gradient(135deg,#3b82f6,#6366f1);--gradient-science:linear-gradient(135deg,#f97316,#f43f5e);--gradient-life:linear-gradient(135deg,#f59e0b,#f97316);--color-health:#10b981;--color-finance:#3b82f6;--color-science:#f97316;--color-life:#f59e0b;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-border-light:#f1f5f9;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-card-hover:0 8px 25px -5px rgba(0,0,0,0.12),0 4px 10px -4px rgba(0,0,0,0.08);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:16px;--radius-full:9999px;--btn-min-height:44px;--duration-fast:150ms;--duration-normal:200ms;--duration-slow:300ms;--ease-default:cubic-bezier(0.4,0,0.2,1);--z-base:0;--z-dropdown:10;--z-sticky:20;--z-overlay:30;--z-modal:40}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;min-height:var(--btn-min-height)}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;border:none;outline:none;background:none;min-height:var(--btn-min-height)}img{max-width:100%;height:auto;display:block}@media (max-width:767px){:root{--text-xs:0.875rem}}.page{min-height:100vh;background:var(--color-bg-page)}.page-container{max-width:1280px;margin:0 auto;padding:var(--space-4)}@media (min-width:768px){.page-container{padding:var(--space-6) var(--space-8)}}.hero{background:linear-gradient(135deg,var(--color-bg-hero),var(--color-bg-hero-end));border-radius:var(--radius-lg);padding:var(--space-6);color:var(--color-text-on-hero);position:relative;overflow:hidden}@media (min-width:768px){.hero{padding:var(--space-10);border-radius:var(--radius-xl)}}.hero__title{font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:var(--space-2)}@media (min-width:768px){.hero__title{font-size:var(--text-4xl)}}.hero__subtitle{font-size:var(--text-sm);color:var(--color-text-on-hero-muted);line-height:var(--leading-relaxed)}@media (min-width:768px){.hero__subtitle{font-size:var(--text-base)}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);display:flex;align-items:center}.section-title>* + *{margin-left:var(--space-2)}.section-badge{font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);color:var(--color-text-secondary);background:var(--color-border-light)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-3)}@media (min-width:768px){.grid-2{grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4)}}@media (min-width:1024px){.grid-2{grid-template-columns:repeat(4,1fr)}}.search-box{display:flex;align-items:center;background:rgba(255,255,255,0.1);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);border:1px solid rgba(255,255,255,0.15);transition:all var(--duration-normal) var(--ease-default);width:100%;max-width:320px;min-height:var(--btn-min-height)}.search-box:focus-within{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3)}.search-box--light{background:var(--color-bg-card);border-color:var(--color-border)}.search-box--light:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.search-box__icon{flex-shrink:0;color:var(--color-text-muted);width:18px;height:18px;margin-right:var(--space-2)}.search-box__input{flex:1;font-size:var(--text-sm);color:var(--color-text-on-hero);min-width:0;min-height:auto}.search-box__input::placeholder{color:rgba(255,255,255,0.5)}.search-box--light .search-box__input{color:var(--color-text-primary)}.search-box--light .search-box__input::placeholder{color:var(--color-text-muted)}.tab-bar{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--space-1)}.tab-bar::-webkit-scrollbar{display:none}.tab-item{flex-shrink:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background:transparent;transition:all var(--duration-normal) var(--ease-default);white-space:nowrap;min-height:var(--btn-min-height);display:flex;align-items:center}.tab-bar>.tab-item + .tab-item{margin-left:var(--space-1)}.tab-item:hover{background:var(--color-border-light);color:var(--color-text-primary)}.tab-item--active{background:var(--primary);color:var(--color-bg-card)}.tab-item--active:hover{background:var(--primary);color:var(--color-bg-card)}.calc-card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--color-border-light);transition:all var(--duration-normal) var(--ease-default);cursor:pointer;position:relative;overflow:hidden;text-decoration:none;display:block;min-height:120px}.calc-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--color-border)}.calc-card__color-bar{position:absolute;top:0;left:0;right:0;height:3px}.calc-card__icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);margin-bottom:var(--space-3);color:white}.calc-card__icon--health{background:var(--gradient-health)}.calc-card__icon--finance{background:var(--gradient-finance)}.calc-card__icon--science{background:var(--gradient-science)}.calc-card__icon--life{background:var(--gradient-life)}.calc-card__name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.calc-card__desc{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.calc-card__hot{position:absolute;top:var(--space-3);right:var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-accent);background:var(--color-accent-light);padding:2px var(--space-2);border-radius:var(--radius-full)}.calc-card--coming{opacity:0.6;cursor:default;border-style:dashed}.calc-card--coming:hover{transform:none;box-shadow:none;border-color:var(--color-border)}.calc-card__badge{display:inline-flex;align-items:center;font-size:var(--text-xs);color:var(--color-accent);background:var(--color-accent-light);padding:2px var(--space-2);border-radius:var(--radius-full);margin-top:var(--space-2)}.calc-card__badge-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-accent);margin-right:var(--space-1);animation:pulse 2s infinite}.calc-card--placeholder{border-style:dashed;border-color:var(--color-border);display:flex;align-items:center;justify-content:center;min-height:120px;cursor:default}.calc-card--placeholder:hover{transform:none;box-shadow:none}.calc-card--placeholder .calc-card__placeholder-text{font-size:var(--text-xs);color:var(--color-text-muted)}.stat-tag{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.stat-tag--on-hero{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.8)}.stat-tag__dot{width:6px;height:6px;border-radius:var(--radius-full);margin-right:var(--space-1)}.stat-tag__dot--green{background:var(--color-success)}.stat-tag__dot--amber{background:var(--color-accent);animation:pulse 2s infinite}.category-section{margin-top:var(--space-8)}.category-section__header{display:flex;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-light)}.category-section__icon{width:28px;height:28px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:white;margin-right:var(--space-2);flex-shrink:0}.category-section__icon--health{background:var(--gradient-health)}.category-section__icon--finance{background:var(--gradient-finance)}.category-section__icon--science{background:var(--gradient-science)}.category-section__icon--life{background:var(--gradient-life)}.category-section__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.category-section__count{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:auto}.detail-nav{display:flex;align-items:center;padding:var(--space-3) 0;margin-bottom:var(--space-4)}.detail-nav__back{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-bg-card);border:1px solid var(--color-border);transition:all var(--duration-normal) var(--ease-default);flex-shrink:0;margin-right:var(--space-3)}.detail-nav__back:hover{background:var(--color-border-light)}.detail-nav__title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.detail-nav__category{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);color:white;margin-left:auto}.detail-nav__category--health{background:var(--gradient-health)}.detail-nav__category--finance{background:var(--gradient-finance)}.detail-nav__category--science{background:var(--gradient-science)}.detail-nav__category--life{background:var(--gradient-life)}.calc-panel{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}@media (min-width:768px){.calc-panel{padding:var(--space-8);max-width:640px;margin:0 auto}}.field{margin-bottom:var(--space-4)}.field__label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.field__input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text-primary);transition:all var(--duration-normal) var(--ease-default);min-height:var(--btn-min-height)}.field__input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(83,74,183,0.15);background:var(--color-bg-card)}.field__input::placeholder{color:var(--color-text-muted)}.field__unit{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);font-size:var(--text-sm);color:var(--color-text-muted);pointer-events:none}.field__input-wrap{position:relative}.field__input--has-unit{padding-right:3rem}.btn-group{display:flex;flex-wrap:wrap}.btn-group>.btn-group__item + .btn-group__item{margin-left:var(--space-2)}.btn-group__item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);background:var(--color-bg-input);color:var(--color-text-secondary);border:1px solid transparent;transition:all var(--duration-normal) var(--ease-default);white-space:nowrap;min-height:var(--btn-min-height);display:flex;align-items:center}.btn-group__item:hover{background:var(--color-bg-input-hover)}.btn-group__item--active{background:var(--primary);color:white}.result-box{background:linear-gradient(135deg,var(--color-bg-hero),var(--color-bg-hero-end));border-radius:var(--radius-md);padding:var(--space-5);color:var(--color-text-on-hero);text-align:center;margin-top:var(--space-4)}.result-box__label{font-size:var(--text-sm);color:var(--color-text-on-hero-muted);margin-bottom:var(--space-1)}.result-box__value{font-size:var(--text-3xl);font-weight:var(--font-bold);font-family:var(--font-mono);letter-spacing:var(--tracking-tight)}.result-box__unit{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text-on-hero-muted);margin-left:var(--space-1)}.result-box__detail{font-size:var(--text-xs);color:var(--color-text-on-hero-muted);margin-top:var(--space-2)}.info-box{background:var(--ad-bg);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-4);border-left:3px solid var(--color-accent)}.info-box__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-accent);margin-bottom:var(--space-2)}.info-box__text{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.info-box__formula{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-card);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);margin-top:var(--space-2);display:inline-block}.data-list{list-style:none;margin-top:var(--space-3)}.data-list__item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-light);font-size:var(--text-sm)}.data-list__item:last-child{border-bottom:none}.data-list__label{color:var(--color-text-secondary)}.data-list__value{font-weight:var(--font-semibold);font-family:var(--font-mono);color:var(--color-text-primary)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--space-3) var(--space-4);background:var(--primary);color:var(--color-bg-card);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all var(--duration-normal) var(--ease-default);min-height:var(--btn-min-height)}.btn-primary:hover{opacity:0.9}.btn-primary:active{transform:scale(0.98)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-input);color:var(--color-text-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);border:1px solid var(--color-border);transition:all var(--duration-normal) var(--ease-default);min-height:var(--btn-min-height)}.btn-secondary:hover{background:var(--color-bg-input-hover)}.btn-secondary:active{transform:scale(0.98)}.scale-bar{width:100%;height:8px;border-radius:var(--radius-full);background:var(--color-border-light);position:relative;margin:var(--space-3) 0}.scale-bar__fill{height:100%;border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-default)}.scale-bar__marker{position:absolute;top:-4px;width:2px;height:16px;background:var(--color-text-primary);border-radius:1px;transition:left var(--duration-slow) var(--ease-default)}.scale-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-muted)}.checkbox-item{display:flex;align-items:center;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;min-height:var(--btn-min-height)}.checkbox-item__box{width:18px;height:18px;border:2px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal) var(--ease-default);flex-shrink:0;margin-right:var(--space-2)}.checkbox-item--checked .checkbox-item__box{background:var(--primary);border-color:var(--primary)}.checkbox-item__check{color:white;font-size:10px;opacity:0}.checkbox-item--checked .checkbox-item__check{opacity:1}.calc-keyboard{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-2);margin-top:var(--space-4)}.calc-key{display:flex;align-items:center;justify-content:center;padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);transition:all var(--duration-fast) var(--ease-default);user-select:none;min-height:var(--btn-min-height)}.calc-key:active{transform:scale(0.95)}.calc-key--num{background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-primary)}.calc-key--num:hover{background:var(--color-bg-input)}.calc-key--op{background:var(--color-bg-input);color:var(--color-text-primary)}.calc-key--op:hover{background:var(--color-bg-input-hover)}.calc-key--func{background:var(--color-accent-light);color:var(--color-accent);font-size:var(--text-sm)}.calc-key--func:hover{background:#fde68a}.calc-key--accent{background:var(--primary);color:white}.calc-key--accent:hover{opacity:0.9}.calc-key--wide{grid-column:span 2}.calc-display{background:var(--color-bg-hero);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);text-align:right;margin-bottom:var(--space-3)}.calc-display__expression{font-size:var(--text-sm);color:var(--color-text-on-hero-muted);min-height:1.4em;font-family:var(--font-mono)}.calc-display__value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-on-hero);font-family:var(--font-mono);line-height:var(--leading-tight);word-break:break-all}.progress-ring{display:flex;align-items:center;justify-content:center;margin:var(--space-4) auto;position:relative}.progress-ring__svg{transform:rotate(-90deg)}.progress-ring__bg{fill:none;stroke:var(--color-border-light)}.progress-ring__fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset var(--duration-slow) var(--ease-default)}.progress-ring__center{position:absolute;text-align:center}.progress-ring__value{font-size:var(--text-2xl);font-weight:var(--font-bold);font-family:var(--font-mono);color:var(--color-text-primary)}.progress-ring__label{font-size:var(--text-xs);color:var(--color-text-muted)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.shrink-0{flex-shrink:0}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.w-full{width:100%}.max-w-sm{max-width:640px}.mx-auto{margin-left:auto;margin-right:auto}.scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-none::-webkit-scrollbar{display:none}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th,.data-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{background:var(--color-bg-page);color:var(--color-text-secondary);font-weight:600;font-size:var(--text-xs)}.data-table td{color:var(--color-text-primary)}.data-table tbody tr:last-child td{border-bottom:none}.slider-row{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-top:var(--space-2)}.slider-row__range{-webkit-flex:1;flex:1;-webkit-appearance:none;appearance:none;height:6px;background:#e2e8f0;border-radius:3px;outline:none;margin-right:var(--space-3);cursor:pointer;min-height:44px}.slider-row__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:var(--primary);border-radius:50%;cursor:pointer;border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,0.2)}.slider-row__range::-moz-range-thumb{width:22px;height:22px;background:var(--primary);border-radius:50%;cursor:pointer;border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,0.2)}.slider-row__value{font-size:var(--text-sm);color:var(--color-text-secondary);min-width:90px;text-align:right;white-space:nowrap;font-family:var(--font-mono)}.field__header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:baseline;align-items:baseline}.field__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.result-box--hero{text-align:center;padding:var(--space-5) var(--space-4)}.result-box--hero .result-box__label{font-size:var(--text-sm);color:var(--color-text-on-hero-muted);margin-bottom:var(--space-1)}.result-box--hero .result-box__value{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-on-hero);line-height:1.1}.result-box--hero .result-box__unit{font-size:var(--text-lg);color:var(--color-text-on-hero-muted);margin-top:var(--space-1)}.section-header__desc{font-size:var(--text-xs);color:var(--color-text-muted)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@media (max-width:375px){.hero__title{font-size:var(--text-xl)}.calc-card{padding:var(--space-3);min-height:100px}.calc-card__icon{width:36px;height:36px;font-size:var(--text-base)}}