:root{--page-bg: #edf2f7;--surface: rgba(255, 255, 255, .94);--surface-strong: #ffffff;--line-soft: rgba(148, 163, 184, .2);--text-main: #1f2937;--text-subtle: #6b7280;--text-faint: #94a3b8;--success: #16a34a;--success-dark: #0f766e;--info: #2563eb;--danger: #dc2626;--warning: #d97706;--shadow-sm: 0 18px 35px -28px rgba(15, 23, 42, .35);--shadow-lg: 0 30px 80px -36px rgba(15, 23, 42, .45);--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 1.75rem}*,*:before,*:after{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:radial-gradient(circle at top left,rgba(110,160,230,.15),transparent 30%),radial-gradient(circle at top right,rgba(69,196,133,.12),transparent 28%),linear-gradient(180deg,#f8fafc 0%,var(--page-bg) 100%);color:var(--text-main);line-height:1.6}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin-top:0}.container{width:min(1100px,calc(100% - 1.5rem));margin:0 auto}.web-shell{min-height:100vh}.web-header{position:sticky;top:0;z-index:30;margin:1rem auto 0;width:min(1400px,calc(100% - 1.5rem));border:1px solid rgba(255,255,255,.7);background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.92)),radial-gradient(circle at top right,rgba(22,163,74,.08),transparent 28%);backdrop-filter:blur(20px)}.brand-home{display:inline-flex;align-items:center;gap:.85rem;min-width:0}.brand-logo{width:3rem;height:3rem;flex-shrink:0;border-radius:1rem;object-fit:cover;box-shadow:0 16px 28px -20px #0f172a73}.brand-copy{min-width:0}.brand-title{display:inline-block;font-size:1.25rem;font-weight:700;color:#111827;transition:color .18s ease}.brand-home:hover .brand-title{color:var(--success-dark)}.brand-subtitle{font-size:.9rem;line-height:1.5;color:var(--text-subtle);max-width:24rem}.header-inner{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr) auto;gap:1rem;align-items:center}.header-brand{min-width:0}.desktop-nav{display:flex;min-width:0;justify-content:center}.desktop-nav-shell{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px solid rgba(148,163,184,.14);border-radius:999px;background:rgba(255,255,255,.7);box-shadow:inset 0 1px #ffffffb3}.nav-group{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.nav-group-divider{margin-left:1rem;padding-left:1rem;border-left:1px solid var(--line-soft)}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-shrink:0}.user-menu{position:relative}.user-menu-trigger{border:none;cursor:pointer}.menu-caret{font-size:.72rem;transition:transform .2s ease}.menu-caret.open{transform:rotate(180deg)}.user-menu-panel{position:absolute;top:calc(100% + .7rem);right:0;z-index:35;min-width:240px;padding:.65rem;border:1px solid var(--line-soft);border-radius:1rem;background:rgba(255,255,255,.98);box-shadow:0 24px 48px -30px #0f172a73}.user-menu-summary{margin-bottom:.35rem;padding:.35rem .5rem .75rem;border-bottom:1px solid rgba(148,163,184,.18)}.user-menu-title{font-weight:700;color:#111827}.user-menu-item{display:flex;width:100%;align-items:center;padding:.78rem .85rem;border:none;border-radius:.85rem;background:transparent;color:var(--text-main);font-weight:600;text-align:left;cursor:pointer;transition:background-color .18s ease,color .18s ease}.user-menu-item:hover,.user-menu-item.active{background:rgba(241,245,249,.92)}.user-menu-item.danger{color:var(--danger)}.mobile-nav-toggle{display:none!important}.mobile-nav-panel{display:grid;gap:1rem;margin-top:1rem;padding:1rem 0 0;border-top:1px solid rgba(148,163,184,.18)}.mobile-nav-section{display:grid;gap:.7rem}.mobile-nav-label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.mobile-nav-grid,.mobile-auth-actions{display:flex;flex-wrap:wrap;gap:.75rem}.mobile-logout{min-width:7rem}.nav-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem .9rem;border-radius:999px;color:#111827;background:rgba(241,245,249,.82);font-size:.85rem;font-weight:600;border:none;transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}.nav-pill:hover{transform:translateY(-1px);box-shadow:0 14px 24px -24px #0f172a8c}.nav-pill.muted{background:rgba(226,232,240,.7)}.nav-pill.accent,.nav-pill.active{color:#fff;background:linear-gradient(135deg,var(--success-dark) 0%,var(--success) 100%);box-shadow:0 16px 30px -22px #0f766eb8}.notification-dot{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.35rem;margin-left:.35rem;padding:0 .4rem;border-radius:999px;background:#fef3c7;color:#92400e;font-size:.72rem;font-weight:700}.auth-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 160px)}.auth-card{width:min(520px,100%);border-radius:var(--radius-xl)}.auth-brand{display:inline-flex;align-items:center;gap:.85rem;margin-bottom:1.25rem}.auth-brand-logo{width:3.25rem;height:3.25rem;flex-shrink:0;border-radius:1rem;object-fit:cover;box-shadow:0 18px 30px -22px #0f172a6b}.auth-brand-copy{min-width:0}.auth-brand-title{font-size:1.05rem;font-weight:800;color:#111827;line-height:1.2}.auth-brand-subtitle{margin-top:.2rem;font-size:.84rem;color:var(--text-subtle);line-height:1.5}.auth-captcha-group{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:stretch}.auth-captcha-refresh{min-width:6.5rem;padding:.75rem 1rem;border:1px solid rgba(148,163,184,.28);border-radius:.9rem;background:rgba(255,255,255,.92);color:var(--text-main);font-weight:600;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.auth-captcha-refresh:hover:not(:disabled),.auth-captcha-image:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px -24px #0f172a66}.auth-captcha-refresh:disabled,.auth-captcha-image:disabled{cursor:not-allowed;opacity:.7}.auth-captcha-image{display:flex;width:100%;min-height:88px;margin-top:.75rem;align-items:center;justify-content:center;overflow:hidden;border:1px dashed rgba(148,163,184,.4);border-radius:1rem;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(241,245,249,.92)),radial-gradient(circle at top right,rgba(22,163,74,.08),transparent 36%);color:var(--text-subtle);text-align:center;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.auth-captcha-image img{display:block;width:100%;max-height:96px;object-fit:contain}.auth-captcha-tip{margin-top:.65rem;color:var(--text-subtle);font-size:.85rem}.dashboard-grid{display:grid;gap:1.25rem}.dashboard-content-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(320px,.95fr);gap:1.25rem;align-items:start}.dashboard-primary-column,.dashboard-secondary-column{display:grid;gap:1.25rem}.grid-two{display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{display:block;padding:2rem;border-radius:var(--radius-2xl);color:#fff;background:linear-gradient(135deg,rgba(15,118,110,.97),rgba(22,163,74,.92)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.15)' stroke-width='2'%3E%3Ccircle cx='110' cy='110' r='80'/%3E%3Ccircle cx='110' cy='110' r='48'/%3E%3Cpath d='M30 110h160M110 30v160'/%3E%3C/g%3E%3C/svg%3E");background-position:center right;background-size:auto,220px;background-repeat:no-repeat;box-shadow:var(--shadow-lg)}.hero-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.95fr);gap:1.5rem;align-items:stretch}.hero-main{display:grid;gap:1.5rem}.eyebrow{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;opacity:.78}.hero-title{color:inherit;max-width:760px;margin-bottom:.75rem;font-size:clamp(2rem,4vw,2.8rem);line-height:1.15}.hero-desc{max-width:720px;margin-bottom:0;color:#ffffffd6}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.hero-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.hero-stat-card{padding:1rem 1.05rem;border:1px solid rgba(255,255,255,.12);border-radius:1.1rem;background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}.hero-stat-label{font-size:.8rem;color:#ffffffbd}.hero-stat-value{margin-top:.35rem;font-size:1.7rem;line-height:1;font-weight:800;color:#fff}.hero-stat-hint{margin-top:.5rem;font-size:.85rem;color:#ffffffc7;line-height:1.5}.hero-panel{display:grid;gap:1rem;padding:1.15rem;border:1px solid rgba(255,255,255,.14);border-radius:1.35rem;background:rgba(7,89,133,.18);backdrop-filter:blur(14px)}.hero-panel-header{display:flex;align-items:start;justify-content:space-between;gap:.75rem}.hero-panel-eyebrow{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffffad}.hero-panel-title{margin:.3rem 0 0;color:#fff;font-size:1.2rem}.hero-panel-badge{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .65rem;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:.78rem;font-weight:700;white-space:nowrap}.hero-panel-desc{margin:0;color:#ffffffdb}.hero-panel-list{display:grid;gap:.75rem}.hero-panel-item{display:flex;justify-content:space-between;gap:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.12)}.hero-panel-item:first-child{padding-top:0;border-top:none}.hero-panel-key{color:#ffffffad;font-size:.86rem}.hero-panel-value{text-align:right;font-weight:700;color:#fff}.section-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.empty-state{display:flex;min-height:120px;align-items:center;justify-content:center;gap:.75rem;color:var(--text-subtle);text-align:center;flex-direction:column}.card,.child-summary,.info-panel,.reminder-card,.notice-card,.vaccine-card,.child-card,.order-card,.timeline-item,.checkbox-card{border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--surface)}.card{box-shadow:var(--shadow-sm)}.card-body{padding:1.5rem}.child-summary,.info-panel,.reminder-card{padding:1rem 1.1rem}.notice-card,.vaccine-card,.child-card,.order-card,.timeline-item,.checkbox-card{display:block;padding:1rem}.reminder-tag{display:inline-flex;margin-bottom:.65rem;padding:.3rem .65rem;border-radius:999px;background:rgba(22,163,74,.12);color:#15803d;font-size:.8rem;font-weight:700}.notice-list,.child-list,.order-list,.timeline-groups,.checkbox-list,.quick-actions-grid,.plan-section-list,.plan-option-list,.plan-hint-list{display:grid;gap:.9rem}.vaccine-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.timeline-group{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--line-soft);border-radius:1.1rem;background:rgba(248,250,252,.72)}.timeline-age{font-weight:700;color:var(--success-dark)}.timeline-group-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.timeline-count{font-size:.8rem;font-weight:700;color:var(--text-subtle)}.timeline-list{display:grid;gap:.75rem}.timeline-list-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.timeline-item.simple,.order-card,.child-card{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.plan-card-item{display:grid;gap:.75rem}.timeline-item-link{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.timeline-item-link:hover{transform:translateY(-1px);box-shadow:0 18px 30px -24px #0f172a59;border-color:#16a34a47;background:rgba(255,255,255,.98)}.plan-card-header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.plan-card-title-group{display:grid;gap:.25rem}.plan-card-title{font-weight:700;color:#0f172a}.plan-card-title:hover{color:var(--success-dark)}.plan-status-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.plan-card-actions{display:flex;flex-wrap:wrap;gap:.65rem}.status-chip{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .65rem;border-radius:999px;font-size:.78rem;font-weight:700}.status-chip.is-free{background:rgba(22,163,74,.12);color:#15803d}.status-chip.is-paid{background:rgba(37,99,235,.12);color:#1d4ed8}.status-chip.is-done{background:rgba(250,204,21,.18);color:#a16207}.status-chip.is-booked{background:rgba(14,165,233,.14);color:#0369a1}.status-chip.is-overdue{background:rgba(245,158,11,.14);color:#b45309}.checkbox-card{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start}.checkbox-card.disabled{opacity:.6}.quick-action-card,.plan-section,.plan-hint-card,.selection-summary,.plan-option-card{border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--surface)}.quick-action-card{display:grid;gap:.35rem;padding:1rem 1.05rem;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.quick-action-card:hover{transform:translateY(-1px);box-shadow:0 18px 30px -24px #0f172a66;border-color:#16a34a47}.quick-action-title{font-weight:700;color:#0f172a}.quick-action-desc{font-size:.9rem;color:var(--text-subtle)}.spotlight-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(240,253,244,.92)),radial-gradient(circle at top right,rgba(22,163,74,.12),transparent 28%)}.spotlight-card:after{content:"";position:absolute;inset:auto -30px -30px auto;width:90px;height:90px;border-radius:50%;background:rgba(22,163,74,.08)}.spotlight-title{position:relative;margin-bottom:.25rem;font-size:1.05rem;font-weight:800;color:#0f172a}.plan-summary-badges{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.dashboard-badge{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .7rem;border-radius:999px;background:rgba(15,118,110,.1);color:var(--success-dark);font-size:.8rem;font-weight:700}.dashboard-badge.soft-warning{background:rgba(245,158,11,.12);color:#b45309}.plan-section,.selection-summary{padding:1rem}.plan-section-header{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:.9rem}.plan-option-card{display:grid;grid-template-columns:auto 1fr;gap:.8rem;padding:.95rem 1rem;align-items:start}.plan-option-card.selected{border-color:#16a34a47;background:rgba(240,253,244,.9)}.plan-option-card.disabled{opacity:.58}.plan-option-card input{margin-top:.25rem}.plan-option-main{display:grid;gap:.35rem}.plan-tag-list{display:flex;flex-wrap:wrap;gap:.45rem}.plan-hint-card{padding:.85rem .95rem;color:#1e3a8a;background:rgba(239,246,255,.92);border-color:#2563eb2e}.selection-summary{margin-top:.25rem;font-weight:600;color:var(--success-dark);background:rgba(240,253,244,.92);border-color:#16a34a38}.inline-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.notice-content{white-space:pre-wrap;line-height:1.75}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;padding:.72rem 1.15rem;border:1px solid transparent;border-radius:999px;cursor:pointer;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 30px -22px #0f172a8c}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{min-height:2.25rem;padding:.52rem .9rem;font-size:.85rem}.btn-outline-dark{color:var(--text-main);background:rgba(255,255,255,.76);border-color:#0f172a1f}.btn-outline-danger{color:var(--danger);background:rgba(255,255,255,.88);border-color:#dc262633}.bg-gradient-success,.bg-gradient-info,.bg-gradient-danger,.bg-gradient-warning{color:#fff}.bg-gradient-success{background:linear-gradient(135deg,var(--success-dark),var(--success))}.bg-gradient-info{background:linear-gradient(135deg,#1d4ed8,var(--info))}.bg-gradient-danger{background:linear-gradient(135deg,#b91c1c,var(--danger))}.bg-gradient-warning{background:linear-gradient(135deg,#b45309,var(--warning))}.form-label{display:inline-block;margin-bottom:.45rem;color:#374151;font-size:.92rem;font-weight:700}.form-control,.form-select{width:100%;min-height:2.9rem;padding:.72rem .9rem;border:1px solid rgba(148,163,184,.35);border-radius:.9rem;background:rgba(255,255,255,.98);color:var(--text-main);outline:none;transition:border-color .18s ease,box-shadow .18s ease}.form-control:focus,.form-select:focus{border-color:#16a34a99;box-shadow:0 0 0 4px #16a34a1f}textarea.form-control{min-height:7rem;resize:vertical}.form-select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% - 3px),calc(100% - 14px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:2.6rem}.alert{margin-bottom:1rem;padding:.9rem 1rem;border-radius:.95rem;border:1px solid transparent}.alert-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.alert-success{background:linear-gradient(135deg,#22c55e,#16a34a)}.alert-warning{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .65rem;border-radius:999px;font-weight:700}.badge-sm{font-size:.75rem;padding:.24rem .55rem}.row{display:flex;flex-wrap:wrap;margin-top:-.75rem;margin-left:-.75rem}.row>[class*=col-]{width:100%;padding-top:.75rem;padding-left:.75rem}.row.g-3{margin-top:-1rem;margin-left:-1rem}.row.g-3>[class*=col-]{padding-top:1rem;padding-left:1rem}.col-12{width:100%}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.justify-content-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:1rem}.py-3{padding-top:1rem;padding-bottom:1rem}.py-4{padding-top:1.5rem;padding-bottom:1.5rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.ms-2{margin-left:.5rem}.fw-bold{font-weight:700}.text-white{color:#fff}.text-dark{color:#111827}.text-muted{color:var(--text-subtle)}.text-success{color:var(--success)}.text-sm{font-size:.9rem}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-blur{box-shadow:0 18px 40px -28px #0f172a59}.border-radius-xl{border-radius:var(--radius-xl)}@media (min-width: 768px){.col-md-4{width:33.3333%}.col-md-6{width:50%}}@media (min-width: 992px){.flex-lg-row{flex-direction:row}.align-items-lg-center{align-items:center}}@media (max-width: 991px){.dashboard-content-grid,.grid-two,.detail-grid,.hero-layout,.hero-stat-grid,.timeline-list-grid{grid-template-columns:1fr}.web-header{position:static}.header-inner{grid-template-columns:minmax(0,1fr) auto;align-items:start}.desktop-nav,.header-actions{display:none}.brand-subtitle{max-width:none}.mobile-nav-toggle{display:inline-flex!important;justify-self:end}.mobile-nav-grid,.mobile-auth-actions{flex-direction:column}.mobile-nav-grid .nav-pill,.mobile-auth-actions .btn,.mobile-logout{width:100%;justify-content:space-between}.auth-captcha-group{grid-template-columns:1fr}.auth-captcha-refresh{width:100%}}@media (max-width: 767px){.hero-card,.card-body{padding:1.2rem}.hero-panel-header,.timeline-group-head,.hero-panel-item,.plan-card-header{flex-direction:column;align-items:start}.hero-panel-value{text-align:left}.plan-status-list{justify-content:flex-start}}