:root{--bg-page:#f5f7fa;--bg-card:#fff;--bg-card-alt:#f9fafb;--bg-input:#f3f4f6;--bg-hover:#f0f4ff;--text-main:#111827;--text-sub:#374151;--text-muted:#6b7280;--text-light:#9ca3af;--color-primary:#2563eb;--color-primary-light:#eff6ff;--color-primary-mid:#bfdbfe;--color-accent:#0ea5e9;--color-ward:#7c3aed;--color-ward-light:#f5f3ff;--color-ward-mid:#ddd6fe;--color-city:#059669;--color-city-light:#ecfdf5;--color-city-mid:#a7f3d0;--color-pref:#0891b2;--color-pref-light:#ecfeff;--color-pref-mid:#a5f3fc;--color-danger:#dc2626;--color-danger-light:#fef2f2;--color-danger-mid:#fecaca;--border-color:#e5e7eb;--border-focus:#2563eb;--font-sans:"Inter", "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "Yu Gothic", "Meiryo", system-ui, -apple-system, sans-serif;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000012, 0 4px 6px -2px #00000008;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition:all .18s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg-page);width:100%;min-height:100%;color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;margin:0;padding:0;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#d1d5db}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.app-header{z-index:100;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);min-height:60px;box-shadow:var(--shadow-xs);background:#ffffffeb;align-items:center;padding:10px 0;display:flex;position:sticky;top:0}.header-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1280px;margin:0 auto;padding:0 24px;display:flex}.logo-link{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.logo-img{object-fit:contain;width:auto;max-width:360px;height:72px;transition:opacity .18s;display:block}.logo-img:hover{opacity:.85}.accent-text{color:var(--color-primary)}.nav-links{flex-wrap:wrap;gap:8px;display:flex}.nav-item{color:var(--text-muted);border-radius:var(--radius-sm);transition:var(--transition);white-space:nowrap;padding:6px 12px;font-size:.9rem;font-weight:500;text-decoration:none}.nav-item:hover{color:var(--color-primary);background:var(--color-primary-light)}@media (width<=640px){.header-container{justify-content:center;padding:0 16px}.nav-links{justify-content:center;gap:4px}.nav-item{padding:6px 8px;font-size:.82rem}}.app-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:28px 24px 48px}.app-footer{border-top:1px solid var(--border-color);background:#fff;padding:18px 0}.footer-container{text-align:center;max-width:1280px;margin:0 auto;padding:0 24px}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.footer-link{color:var(--text-muted);transition:var(--transition);font-size:.82rem;font-weight:500;text-decoration:none}.footer-link:hover{color:var(--color-primary)}.footer-sep{color:var(--border-color);font-size:.82rem}.footer-associate{color:var(--text-muted);margin:0 0 6px;font-size:.76rem;line-height:1.5}.footer-text{color:var(--text-light);margin:0;font-size:.82rem}.global-disclaimer{border-radius:var(--radius-sm);text-align:left;background:#fffbeb;border:1px solid #fef3c7;border-left:4px solid #f59e0b;max-width:800px;margin:0 auto 20px;padding:16px 20px}.disclaimer-header{color:#b45309;align-items:center;gap:6px;margin-bottom:6px;font-size:.85rem;font-weight:700;display:flex}.disclaimer-body{color:#78350f;margin:0;font-size:.78rem;line-height:1.6}.global-sale-banner-wrap{max-width:440px;margin:40px auto 20px;padding:0 16px}.sale-banner-container{border-radius:var(--radius-md,14px);background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border:1.5px solid #fed7aa;padding:12px;transition:all .22s;box-shadow:0 4px 14px #ea580c14}.sale-banner-container:hover{border-color:#fb923c;transform:translateY(-2px);box-shadow:0 8px 22px #ea580c29}.sale-banner-link{color:inherit;flex-direction:column;gap:8px;text-decoration:none;display:flex}.sale-banner-badge-row{justify-content:space-between;align-items:center;display:flex}.sale-badge{color:#c2410c;font-size:.76rem;font-weight:800}.sale-pr-tag{color:#fff;letter-spacing:.04em;background:#ea580c;border-radius:4px;padding:1px 6px;font-size:.65rem;font-weight:900}.sale-banner-img-wrap{background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 1px 4px #0000000d}.sale-banner-img{object-fit:contain;width:100%;height:auto;display:block}.sale-banner-cta{color:#fff;background:linear-gradient(135deg,#ea580c,#c2410c);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.84rem;font-weight:800;transition:background .15s;display:flex;box-shadow:0 2px 6px #c2410c40}.sale-banner-container:hover .sale-banner-cta{background:linear-gradient(135deg,#c2410c,#9a3412)}.cta-arrow{font-size:.8rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.35s forwards fadeIn}