:root{--color-primary: #0891B2;--color-primary-light: #22D3EE;--color-primary-bg: #ECFEFF;--color-cta: #16A34A;--color-cta-hover: #15803D;--color-bg: #F8FAFC;--color-surface: #FFFFFF;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--color-school-primary: #0891B2;--color-school-junior: #D97706;--color-school-private: #7C3AED;--font-body: "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--text-3xl: 28px;--text-4xl: 36px;--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: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.1);--shadow-focus: 0 0 0 3px rgba(8,145,178,.3);--container-max: 960px;--container-wide: 1100px;--navbar-height: 64px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--transition-fast: .2s ease;--transition-normal: .25s ease-in-out;--transition-slow: .3s ease-out}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.6;color:var(--color-text-primary);background:var(--color-bg)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select{font-family:inherit;outline:none}:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 24px;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:var(--font-medium);transition:all var(--transition-fast);cursor:pointer}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:#0e7490}.btn-cta{background:var(--color-cta);color:#fff;font-weight:var(--font-semibold);padding:14px 32px;font-size:var(--text-lg);border-radius:var(--radius-md)}.btn-cta:hover{background:var(--color-cta-hover)}.btn-ghost{background:transparent;color:var(--color-primary)}.btn-ghost:hover{background:#0891b214}.btn-secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn[disabled]{opacity:.5;cursor:not-allowed}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:box-shadow var(--transition-fast),transform var(--transition-fast);cursor:pointer}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap}.tag-primary{background:#0891b21a;color:var(--color-school-primary)}.tag-junior{background:#d977061a;color:var(--color-school-junior)}.tag-public{background:#3b82f61a;color:var(--color-info)}.tag-private{background:#7c3aed1a;color:var(--color-school-private)}.tag-success{background:#10a34a1a;color:#15803d}.tag-warning{background:#f59e0b1a;color:#b45309}.tag-error{background:#ef44441a;color:#dc2626}.search-input{width:100%;padding:14px 20px 14px 48px;border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-lg);background:var(--color-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.search-input::placeholder{color:var(--color-text-muted)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.container-wide{max-width:var(--container-wide);margin:0 auto;padding:0 var(--space-6)}.section{max-width:var(--container-max);margin:0 auto;padding:var(--space-12) var(--space-6)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.section-header h2{font-size:var(--text-xl);font-weight:var(--font-semibold)}.section-header a{font-size:var(--text-sm);color:var(--color-primary);font-weight:var(--font-medium)}.skeleton{background:linear-gradient(90deg,var(--color-border-light) 25%,var(--color-border) 50%,var(--color-border-light) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.container,.container-wide{padding:0 var(--space-4)}.section{padding:var(--space-8) var(--space-4)}}