:root{--color-primary: #0b1f33;--color-primary-container: #1a3348;--color-secondary: #5a6b7a;--color-tertiary: #0e7c86;--color-tertiary-container: #0a5f67;--color-on-tertiary: #f4fbfc;--color-neutral: #f2f5f8;--color-surface: #ffffff;--color-on-surface: #0b1f33;--color-outline: #c5ced6;--color-error: #b3261e;--color-success: #1b6b4a;--color-warning: #9a6700;--font-headline-display: "Source Serif 4";--font-headline-lg: "Source Serif 4";--font-headline-md: "Source Serif 4";--font-body-lg: "Source Sans 3";--font-body-md: "Source Sans 3";--font-body-sm: "Source Sans 3";--font-label-lg: "Source Sans 3";--font-label-md: "Source Sans 3";--font-label-sm: "Source Sans 3";--text-headline-display: 2.75rem;--text-headline-lg: 2rem;--text-headline-md: 1.5rem;--text-body-lg: 1.125rem;--text-body-md: 1rem;--text-body-sm: .875rem;--text-label-lg: .875rem;--text-label-md: .75rem;--text-label-sm: .6875rem;--tracking-headline-display: -.02em;--tracking-headline-lg: -.01em;--tracking-label-lg: .02em;--tracking-label-md: .04em;--tracking-label-sm: .06em;--font-weight-headline-display: 600;--font-weight-headline-lg: 600;--font-weight-headline-md: 600;--font-weight-body-lg: 400;--font-weight-body-md: 400;--font-weight-body-sm: 400;--font-weight-label-lg: 600;--font-weight-label-md: 600;--font-weight-label-sm: 500;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 40px;--spacing-gutter: 24px;--spacing-margin: 32px;--spacing-base: 16px;--font-serif: var(--font-headline-md), "Songti SC", serif;--font-sans: var(--font-body-md), "PingFang SC", sans-serif;--space-xs: var(--spacing-xs);--space-sm: var(--spacing-sm);--space-md: var(--spacing-md);--space-lg: var(--spacing-lg);--space-xl: var(--spacing-xl);--space-margin: clamp(16px, 3.5vw, 48px);--page-pad-x: clamp(16px, 3.5vw, 48px);--page-pad-y: clamp(12px, 2vw, 28px);--max-width: none;--content-max: none}*,*:before,*:after{box-sizing:border-box}html{height:100%;width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#app{min-height:100%;min-height:100dvh;width:100%;margin:0}body{font-family:var(--font-sans);font-size:clamp(.9375rem,.9rem + .2vw,1rem);color:var(--color-on-surface);background:radial-gradient(min(1200px,90vw) 600px at 10% -10%,rgba(14,124,134,.08),transparent 55%),linear-gradient(180deg,#e8eef3 0%,var(--color-neutral) 42%,#eef2f6 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;overflow-x:hidden}#app{display:flex;flex-direction:column;min-height:100dvh}h1,h2,h3{font-family:var(--font-serif);font-weight:600;color:var(--color-primary);margin:0 0 var(--space-sm);overflow-wrap:anywhere}p{margin:0 0 var(--space-md);line-height:1.55;color:var(--color-secondary)}a{color:var(--color-tertiary);text-decoration:none}button,input,select,textarea{font:inherit}img,svg,video{max-width:100%;height:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:44px;padding:0 16px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;font-weight:600;letter-spacing:.02em;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-tertiary);color:var(--color-on-tertiary)}.btn-primary:hover{background:var(--color-tertiary-container)}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-outline)}.btn:disabled{opacity:.55;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md);min-width:0}.field label{font-size:.875rem;font-weight:600;color:var(--color-primary)}.field input,.field select{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--color-outline);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-on-surface)}.field input:focus,.field select:focus{outline:2px solid rgba(14,124,134,.35);border-color:var(--color-tertiary)}.surface{background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md);padding:clamp(16px,2vw,24px);min-width:0}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge-ok{background:#1b6b4a1f;color:var(--color-success)}.badge-warn{background:#9a67001f;color:var(--color-warning)}.badge-error{background:#b3261e1f;color:var(--color-error)}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;min-width:520px;border-collapse:collapse;font-size:clamp(.8125rem,.75rem + .2vw,.9375rem)}.table th,.table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--color-outline);vertical-align:top}.table th{color:var(--color-secondary);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.muted{color:var(--color-secondary);font-size:.875rem}.error-text{color:var(--color-error);font-size:.875rem}.page{width:100%;min-width:0;display:flex;flex-direction:column;gap:var(--space-lg);flex:1}.page-head h1{font-size:clamp(1.5rem,1.25rem + 1vw,2rem)}@media(max-width:639.98px){.hide-phone{display:none!important}.btn{width:100%}.table{min-width:480px}.surface{padding:14px}}@media(min-width:640px)and (max-width:1023.98px){.hide-tablet{display:none!important}}@media(min-width:1024px){.hide-pc{display:none!important}.btn{width:auto}}@media(pointer:coarse){.nav a,.btn{min-height:44px}}