.footer-container[data-v-e524ef9d]{background:#0f172a;width:100%;padding:30px 20px;box-sizing:border-box}.footer-nav[data-v-e524ef9d]{margin-bottom:0}.footer-nav-list[data-v-e524ef9d]{list-style:none;margin:0;padding:0}.footer-nav-item[data-v-e524ef9d]{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;transition:background-color .3s ease}.footer-nav-item[data-v-e524ef9d]:first-child{border-top:1px solid rgba(255,255,255,.1)}.footer-nav-item:hover .footer-nav-text[data-v-e524ef9d],.footer-nav-item:hover .footer-nav-arrow[data-v-e524ef9d]{color:#fff}.footer-nav-text[data-v-e524ef9d]{font-size:14px;color:#cbd5e1;transition:color .3s ease}.footer-nav-arrow[data-v-e524ef9d]{width:18px;height:18px;color:#cbd5e1;transition:color .3s ease;flex-shrink:0;margin-left:8px}.footer-copyright[data-v-e524ef9d]{font-size:12px;color:#6b7280;text-align:center;margin:20px 0 0}@media (max-width: 768px){.footer-container[data-v-e524ef9d]{padding:20px 15px}.footer-nav-item[data-v-e524ef9d]{padding:12px 0}.footer-nav-text[data-v-e524ef9d]{font-size:14px}}.news-carousel[data-v-6539962f]{margin-bottom:16px}.carousel-wrapper[data-v-6539962f]{position:relative;overflow:hidden;border-radius:8px}.carousel-track[data-v-6539962f]{display:flex;transition:transform .4s ease-in-out}.carousel-item[data-v-6539962f]{min-width:100%;cursor:pointer;background:#fff}.carousel-img-box[data-v-6539962f]{position:relative;width:100%;height:180px;overflow:hidden}.carousel-img[data-v-6539962f]{width:100%;height:100%;object-fit:cover}.carousel-hot[data-v-6539962f]{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#ff3b30,#ff6b6b);padding:4px 10px;border-radius:4px;box-shadow:0 2px 8px #ff3b3066}.carousel-hot-text[data-v-6539962f]{color:#fff;font-size:12px;font-weight:700;letter-spacing:1px}.carousel-info[data-v-6539962f]{padding:12px 16px 16px;background:#fff}.carousel-date[data-v-6539962f]{font-size:12px;color:#999;margin-bottom:6px}.carousel-title[data-v-6539962f]{font-size:15px;font-weight:600;color:#1a1a1a;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.carousel-dots[data-v-6539962f]{position:absolute;bottom:10px;right:16px;display:flex;gap:6px}.carousel-dot[data-v-6539962f]{width:8px;height:8px;border-radius:50%;background:#fff9;cursor:pointer;transition:all .3s;border:none}.carousel-dot.active[data-v-6539962f]{background:#fff;transform:scale(1.2)}.carousel-arrow[data-v-6539962f]{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;border-radius:50%;background:#ffffffe6;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;box-shadow:0 2px 8px #00000026}.carousel-wrapper:hover .carousel-arrow[data-v-6539962f]{opacity:1}.carousel-arrow-prev[data-v-6539962f]{left:8px}.carousel-arrow-next[data-v-6539962f]{right:8px}.carousel-arrow[data-v-6539962f]:hover{background:#fff}.site-logo[data-v-c6bd2737]{height:32px;width:auto;object-fit:contain}@media (min-width: 768px){.site-logo[data-v-c6bd2737]{height:38px}}@media (min-width: 1024px){.site-logo[data-v-c6bd2737]{height:44px}}.category-tabs[data-v-c6bd2737]{background:#fff;border-bottom:1px solid #E5E7EB}.category-tabs__row[data-v-c6bd2737]{display:flex;justify-content:space-around;align-items:stretch}.category-tab[data-v-c6bd2737]{flex:1;text-align:center;padding:12px 8px;font-size:14px;font-weight:500;color:#9ca3af;cursor:pointer;position:relative;transition:color .2s;letter-spacing:.5px}.category-tab[data-v-c6bd2737]:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:#e5e7eb}.category-tab[data-v-c6bd2737]:hover{color:#6b7280}.category-tab.active[data-v-c6bd2737]{color:#dc2626;font-weight:700}.category-tab.active[data-v-c6bd2737]:after{display:none}.category-tab.active[data-v-c6bd2737]:before{content:"";position:absolute;bottom:0;left:10%;right:10%;height:2px;background:#dc2626;border-radius:1px}.section-title-wrapper[data-v-c6bd2737]{display:flex;align-items:center;gap:8px}.section-title-bar[data-v-c6bd2737]{width:4px;height:20px;background:#dc2626;border-radius:2px;flex-shrink:0}.article-content{padding:0;line-height:1.8;font-size:15px;color:#333;text-align:justify}.article-content p{margin-bottom:16px;line-height:1.8}.article-content div{margin-bottom:16px}.article-content img{max-width:100%;height:auto;border-radius:8px;margin:16px 0}.article-content h1,.article-content h2,.article-content h3{margin:24px 0 16px;font-weight:700}.article-content a{color:#1e3a8a;text-decoration:underline}.article-content ul,.article-content ol{margin:16px 0;padding-left:24px}.article-content li{margin-bottom:8px}.article-content blockquote{border-left:4px solid #1E3A8A;padding-left:16px;margin:16px 0;color:#666;font-style:italic}.company-logo-section[data-v-3daa1965]{display:flex;flex-direction:column;align-items:center;padding:32px 20px;gap:12px}.company-logo[data-v-3daa1965]{width:80px;height:80px;background:var(--card);border:1px solid var(--border);border-radius:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.company-logo img[data-v-3daa1965]{width:60px;height:60px;object-fit:contain}.company-name[data-v-3daa1965]{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--foreground)}.company-subtitle[data-v-3daa1965]{font-size:12px;color:var(--muted-fg);letter-spacing:.5px}.company-about[data-v-3daa1965]{padding:20px;background:var(--card);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:16px}.about-text[data-v-3daa1965]{font-size:14px;color:#334155;line-height:1.8;text-align:justify}.contact-section[data-v-3daa1965]{padding:20px;background:var(--card);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.contact-label[data-v-3daa1965]{font-size:12px;font-weight:600;color:var(--muted-fg);text-transform:uppercase;letter-spacing:1px}.contact-email[data-v-3daa1965]{font-size:16px;font-weight:600;color:var(--secondary);text-decoration:none}.contact-email[data-v-3daa1965]:hover{text-decoration:underline}.contact-form-card[data-v-9c88030f]{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px 20px}.form-header[data-v-9c88030f]{text-align:center;margin-bottom:24px}.form-title[data-v-9c88030f]{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--foreground);margin-bottom:8px}.form-subtitle[data-v-9c88030f]{font-size:14px;color:var(--muted-fg);line-height:1.5}.contact-form[data-v-9c88030f]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-9c88030f]{display:flex;flex-direction:column;gap:6px}.form-label[data-v-9c88030f]{font-size:14px;font-weight:600;color:var(--foreground)}.required[data-v-9c88030f]{color:#dc2626}.form-input[data-v-9c88030f],.form-textarea[data-v-9c88030f]{padding:12px 14px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;color:var(--foreground);background:var(--bg);transition:border-color .2s,box-shadow .2s}.form-input[data-v-9c88030f]:focus,.form-textarea[data-v-9c88030f]:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px #1e3a8a1a}.form-input[data-v-9c88030f]::placeholder,.form-textarea[data-v-9c88030f]::placeholder{color:var(--light-fg)}.form-textarea[data-v-9c88030f]{resize:vertical;min-height:120px}.input-error[data-v-9c88030f]{border-color:#dc2626}.input-error[data-v-9c88030f]:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.error-text[data-v-9c88030f]{font-size:12px;color:#dc2626}.submit-btn[data-v-9c88030f]{padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;color:#fff;background:var(--secondary);cursor:pointer;transition:background-color .2s,opacity .2s;margin-top:8px}.submit-btn[data-v-9c88030f]:hover:not(.btn-disabled){background:#1e40af}.btn-disabled[data-v-9c88030f]{opacity:.5;cursor:not-allowed}.btn-loading[data-v-9c88030f]{display:flex;align-items:center;justify-content:center;gap:4px}.loading-dot[data-v-9c88030f]{width:6px;height:6px;border-radius:50%;background:#fff;animation:dotBounce-9c88030f 1s infinite}.loading-dot[data-v-9c88030f]:nth-child(2){animation-delay:.15s}.loading-dot[data-v-9c88030f]:nth-child(3){animation-delay:.3s}@keyframes dotBounce-9c88030f{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.success-card[data-v-9c88030f]{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:40px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.success-icon[data-v-9c88030f]{margin-bottom:8px}.success-title[data-v-9c88030f]{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--foreground)}.success-message[data-v-9c88030f]{font-size:14px;color:var(--muted-fg);line-height:1.6;max-width:280px}.success-btn[data-v-9c88030f]{padding:12px 24px;border:1px solid var(--secondary);border-radius:8px;font-size:14px;font-weight:600;color:var(--secondary);background:transparent;cursor:pointer;transition:background-color .2s;margin-top:8px}.success-btn[data-v-9c88030f]:hover{background:#1e3a8a0d}.policy-card[data-v-4294de23]{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:24px}.policy-intro[data-v-4294de23]{padding-bottom:16px;border-bottom:1px solid var(--border)}.policy-intro p[data-v-4294de23]{font-size:13px;color:#334155;line-height:1.7;margin-bottom:12px}.policy-intro p[data-v-4294de23]:last-child{margin-bottom:0}.policy-intro strong[data-v-4294de23]{color:var(--foreground)}.policy-section[data-v-4294de23]{display:flex;flex-direction:column;gap:10px}.policy-section h3[data-v-4294de23]{font-size:15px;font-weight:700;color:var(--foreground);margin-bottom:4px}.policy-section p[data-v-4294de23]{font-size:13px;color:#334155;line-height:1.7}.policy-subsection[data-v-4294de23]{padding-left:12px;border-left:3px solid var(--secondary);margin-top:8px}.policy-subsection h4[data-v-4294de23]{font-size:13px;font-weight:600;color:var(--foreground);margin-bottom:8px}.policy-section ul[data-v-4294de23]{padding-left:20px;margin:8px 0}.policy-section li[data-v-4294de23]{font-size:13px;color:#334155;line-height:1.6;margin-bottom:4px}.contact-section[data-v-4294de23]{background:var(--muted-bg);padding:16px;border-radius:8px;margin-top:8px}.contact-email[data-v-4294de23]{font-size:15px;font-weight:600;color:var(--secondary);text-decoration:none;margin-top:4px}.contact-email[data-v-4294de23]:hover{text-decoration:underline}.policy-date[data-v-4294de23]{font-size:11px;color:var(--light-fg);text-align:right;margin-top:8px}.policy-card[data-v-a5c2884d]{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:24px}.policy-intro[data-v-a5c2884d]{padding-bottom:16px;border-bottom:1px solid var(--border)}.policy-intro p[data-v-a5c2884d]{font-size:13px;color:#334155;line-height:1.7;margin-bottom:12px}.policy-intro p[data-v-a5c2884d]:last-child{margin-bottom:0}.policy-intro strong[data-v-a5c2884d]{color:var(--foreground)}.policy-section[data-v-a5c2884d]{display:flex;flex-direction:column;gap:10px}.policy-section h3[data-v-a5c2884d]{font-size:15px;font-weight:700;color:var(--foreground);margin-bottom:4px}.policy-section p[data-v-a5c2884d]{font-size:13px;color:#334155;line-height:1.7}.policy-section ul[data-v-a5c2884d]{padding-left:20px;margin:8px 0}.policy-section li[data-v-a5c2884d]{font-size:13px;color:#334155;line-height:1.6;margin-bottom:6px}.disclaimer[data-v-a5c2884d]{background:#fef3c7;padding:12px;border-radius:6px;border-left:3px solid #f59e0b;font-weight:500}.contact-section[data-v-a5c2884d]{background:var(--muted-bg);padding:16px;border-radius:8px;margin-top:8px}.contact-email[data-v-a5c2884d]{font-size:15px;font-weight:600;color:var(--secondary);text-decoration:none;margin-top:4px}.contact-email[data-v-a5c2884d]:hover{text-decoration:underline}:root{--bg: #F8FAFC;--card: #FFFFFF;--primary: #0F172A;--secondary: #1E3A8A;--accent: #A16207;--accent-warm: #D97706;--foreground: #020617;--muted-bg: #E8ECF1;--muted-fg: #64748B;--border: #E2E8F0;--light-fg: #94A3B8;--destructive: #DC2626;--danger: #DC2626;--radius-pill: 9999px;--radius-lg: 26px;--radius-md: 18px;--radius-sm: 4px;--font-heading: "Noto Serif JP", serif;--font-body: "Noto Sans JP", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:#e2e8f0;display:flex;justify-content:center;align-items:center;min-height:100vh}#app{width:375px;max-width:100%;height:812px;max-height:100vh;overflow:hidden;position:relative;background:var(--bg);box-shadow:0 0 40px #0000001f}@media (min-width: 768px){#app{width:480px;height:900px;border-radius:40px}}@media (min-width: 1024px){#app{width:540px;height:960px}}.screen{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.content-wrapper,.content-wrapper--full{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:20px;gap:20px}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--light-fg);flex-shrink:0}.breadcrumb span{color:var(--light-fg)}.breadcrumb a{color:var(--secondary);text-decoration:none;cursor:pointer}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .sep{color:var(--border)}.header-row{display:flex;align-items:center;justify-content:space-between;height:44px;flex-shrink:0}.header-title{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--primary)}.logo{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--primary)}.icon-btn{width:36px;height:36px;border-radius:18px;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.icon-btn svg{width:16px;height:16px}.spacer{width:36px;height:36px;flex-shrink:0}.search-bar{display:flex;align-items:center;height:42px;background:var(--card);border:1px solid var(--border);padding:0 16px;flex-shrink:0;box-shadow:0 1px 3px #0000000a}.search-bar span{font-size:14px;color:var(--light-fg)}.section-title{font-size:16px;font-weight:700;font-family:var(--font-heading);color:var(--foreground);flex-shrink:0;letter-spacing:.3px}.category-grid{display:flex;flex-direction:column;gap:10px;flex-shrink:0;height:200px}.category-row{display:flex;gap:10px;flex:1}.category-card{flex:1;background:var(--card);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:border-color .15s}.category-card:hover{border-color:var(--secondary)}.category-card svg{width:28px;height:28px}.category-card span{font-size:12px;font-weight:500;color:var(--foreground)}.news-card{display:flex;gap:12px;padding:12px;background:var(--card);border:1px solid var(--border);box-shadow:0 2px 4px #0000000a;flex-shrink:0;height:120px;cursor:pointer}.news-card__thumb{width:88px;height:82px;flex-shrink:0;overflow:hidden;position:relative}.news-card__thumb img{width:100%;height:100%;object-fit:cover;pointer-events:none}.news-card__content{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0;position:relative}.news-card__tag{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;background:var(--muted-bg);border-radius:var(--radius-sm);font-size:10px;font-weight:500;color:var(--muted-fg);align-self:flex-start;height:18px}.news-card__title{font-size:14px;font-weight:700;color:var(--foreground);line-height:20px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.news-card__date{font-size:11px;color:var(--light-fg);margin-top:auto}.badge-new{display:inline-flex;align-items:center;padding:1px 6px;background:var(--danger);color:#fff;border-radius:3px;font-size:9px;font-weight:700;letter-spacing:.5px;align-self:flex-start;height:16px}.tab-bar{height:86px;padding:12px 21px 21px;display:flex;flex-shrink:0}.tab-pill{flex:1;height:62px;background:var(--card);border:1px solid var(--border);border-radius:36px;display:flex;padding:4px}.tab-item{flex:1;border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:background .2s}.tab-item.active{background:var(--secondary)}.tab-item.active span{color:#fff}.tab-item.active svg{stroke:#fff}.tab-item svg{width:18px;height:18px}.tab-item span{font-size:11px;font-weight:500;color:var(--muted-fg)}.tab-item.active span{font-weight:700}.article-tag{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;background:var(--secondary);border-radius:12px;font-size:11px;font-weight:700;color:#fff;align-self:flex-start;flex-shrink:0}.article-title{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--foreground);line-height:28px;flex-shrink:0}.time-container{display:flex;align-items:center;background:transparent;border:none;border-radius:4px;padding:4px 8px;gap:6px;margin-bottom:0}.time-icon{width:16px;height:16px;flex-shrink:0}.time-text{font-family:Arial,sans-serif;font-size:14px;color:#333;line-height:1}.article-meta{display:flex;gap:12px;align-items:center;font-size:11px;flex-shrink:0}.article-meta .date{color:var(--light-fg)}.article-meta .source{color:var(--secondary)}.article-body{font-size:15px;color:#334155;line-height:25px;flex-shrink:0}.share-row{display:flex;gap:10px;flex-shrink:0}.share-btn{flex:1;height:40px;border-radius:20px;border:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:500;color:var(--muted-fg);cursor:pointer;transition:background .15s}.share-btn:hover{background:var(--muted-bg)}.share-btn svg{width:16px;height:16px}.info-table{background:var(--card);border:1px solid var(--border);flex-shrink:0}.info-row{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:48px;border-bottom:1px solid var(--muted-bg)}.info-row:last-child{border-bottom:none}.info-row .label{font-size:13px;font-weight:500;color:var(--muted-fg)}.info-row .value{font-size:13px;color:var(--foreground)}.company-card{background:var(--card);border:1px solid var(--border);padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.company-name{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--primary)}.company-name-en{font-size:11px;color:var(--light-fg)}.company-desc{font-size:13px;color:#334155;line-height:21px}.contact-card{background:var(--card);border:1px solid var(--border);padding:20px;display:flex;flex-direction:column;gap:16px}.contact-heading{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--primary);line-height:22px}.contact-desc{font-size:13px;color:var(--muted-fg);line-height:20px}.contact-list{background:var(--card);border:1px solid var(--border)}.contact-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--muted-bg)}.contact-row:last-child{border-bottom:none}.contact-row__icon{width:20px;height:20px;flex-shrink:0}.contact-row__content{display:flex;flex-direction:column;gap:2px}.contact-row__label{font-size:11px;font-weight:500;color:var(--light-fg)}.contact-row__value{font-size:14px;font-weight:700;color:var(--foreground)}.service-card{display:flex;gap:16px;padding:16px;background:var(--card);border:1px solid var(--border);align-items:center;height:106px;flex-shrink:0}.service-card__icon{width:48px;height:48px;border-radius:24px;background:var(--muted-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.service-card__icon svg{width:24px;height:24px}.service-card__content{flex:1;display:flex;flex-direction:column;gap:4px}.service-card__title{font-size:15px;font-weight:700;color:var(--foreground)}.service-card__desc{font-size:12px;color:var(--muted-fg);line-height:17px}.policy-card{background:var(--card);border:1px solid var(--border);padding:20px;display:flex;flex-direction:column;gap:20px}.policy-section h3{font-size:15px;font-weight:700;color:var(--primary);margin-bottom:8px}.policy-section p{font-size:13px;color:#334155;line-height:21px}.policy-date{font-size:11px;color:var(--light-fg);margin-top:8px}.filter-chips{display:flex;gap:8px;align-items:center;overflow-x:auto;flex-shrink:0;height:36px}.chip{height:30px;padding:0 14px;border-radius:15px;font-size:12px;display:flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0;cursor:pointer;border:1px solid var(--border);background:var(--card);color:var(--muted-fg);transition:all .15s}.chip:hover{border-color:var(--secondary);color:var(--secondary)}.chip.active{background:var(--accent-warm);border-color:var(--accent-warm);color:#fff;font-weight:700}.update-time{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--light-fg);flex-shrink:0}.update-time .dot{width:5px;height:5px;border-radius:50%;background:#22c55e;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.footer-bar{border-top:1px solid var(--border);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:var(--bg)}.footer-bar__brand{font-size:10px;color:var(--light-fg)}.footer-bar__links{display:flex;gap:16px}.footer-bar__links a{font-size:10px;color:var(--muted-fg);text-decoration:none;cursor:pointer}.footer-bar__links a:hover{color:var(--secondary)}.ad-slot{background:var(--card);border:1px dashed var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;position:relative}.ad-slot__label{position:absolute;top:6px;left:8px;font-size:9px;color:var(--light-fg);letter-spacing:.5px}.ad-slot__placeholder{display:flex;align-items:center;justify-content:center;color:var(--light-fg)}.ad-slot--banner{height:100px;margin:4px 0}.ad-slot--infeed{height:100px;margin:0;border-style:dashed}.ad-slot--rectangle{height:250px;margin:4px 0}.breaking-banner{background:#dc2626;color:#fff;padding:8px 16px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px;flex-shrink:0;animation:slideDown .35s ease;letter-spacing:.5px}.breaking-banner__label{background:#fff;color:#dc2626;padding:2px 8px;border-radius:3px;font-size:10px;letter-spacing:.8px;white-space:nowrap}.breaking-banner__text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breaking-banner__close{background:none;border:none;color:#ffffffb3;font-size:16px;cursor:pointer;padding:0 4px;line-height:1}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.progress-bar{position:absolute;top:0;left:0;height:3px;background:linear-gradient(to right,var(--secondary),var(--accent-warm));z-index:10;transition:width .1s linear;border-radius:0 2px 2px 0}.back-to-top{position:absolute;bottom:100px;right:12px;z-index:100;width:40px;height:40px;border-radius:50%;background:var(--card);border:1px solid var(--border);box-shadow:0 2px 8px #00000014;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;transition:opacity .3s,transform .3s;opacity:0;transform:translateY(10px);pointer-events:none}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{background:var(--muted-bg)}.back-to-top svg{width:18px;height:18px}.skeleton-grid{display:flex;flex-direction:column;gap:12px}.skeleton-card{display:flex;gap:12px;padding:12px;background:#fff;border:1px solid var(--border);height:106px}.skeleton-thumb{width:88px;height:82px;flex-shrink:0;background:linear-gradient(90deg,var(--muted-bg) 25%,#DCE1E7 50%,var(--muted-bg) 75%);background-size:200% 100%;animation:shimmer 1.6s infinite}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-tag{width:40px;height:16px;background:linear-gradient(90deg,var(--muted-bg) 25%,#DCE1E7 50%,var(--muted-bg) 75%);background-size:200% 100%;animation:shimmer 1.6s infinite;border-radius:3px}.skeleton-title{width:100%;height:18px;background:linear-gradient(90deg,var(--muted-bg) 25%,#DCE1E7 50%,var(--muted-bg) 75%);background-size:200% 100%;animation:shimmer 1.6s infinite;border-radius:3px}.skeleton-title.short{width:60%}.skeleton-date{width:80px;height:12px;margin-top:auto;background:linear-gradient(90deg,var(--muted-bg) 25%,#DCE1E7 50%,var(--muted-bg) 75%);background-size:200% 100%;animation:shimmer 1.6s infinite;border-radius:3px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-more{display:flex;align-items:center;justify-content:center;gap:6px;padding:16px 0;flex-shrink:0}.loading-dot{width:6px;height:6px;border-radius:50%;background:var(--secondary);animation:dotBounce 1s infinite}.loading-dot:nth-child(2){animation-delay:.15s}.loading-dot:nth-child(3){animation-delay:.3s}@keyframes dotBounce{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}.loading-end{text-align:center;font-size:11px;color:var(--light-fg);padding:12px 0;flex-shrink:0}.ranking-list{display:flex;flex-direction:column}.ranking-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--muted-bg);cursor:pointer}.ranking-item:last-child{border-bottom:none}.ranking-item__num{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.ranking-item__num.gold{background:#f59e0b;color:#fff}.ranking-item__num.silver{background:#94a3b8;color:#fff}.ranking-item__num.bronze{background:#d97706;color:#fff}.ranking-item__num.normal{background:var(--muted-bg);color:var(--muted-fg)}.ranking-item__title{flex:1;font-size:13px;font-weight:700;color:var(--foreground);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:18px}.ranking-item__views{font-size:10px;color:var(--light-fg);white-space:nowrap}.recommend-title{font-size:16px;font-weight:700;font-family:var(--font-heading);color:var(--foreground);flex-shrink:0}.recommend-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.recommend-card{background:var(--card);border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .15s}.recommend-card:hover{border-color:var(--secondary)}.recommend-card__thumb{width:100%;height:90px;overflow:hidden}.recommend-card__thumb img{width:100%;height:100%;object-fit:cover}.recommend-card__body{padding:10px;display:flex;flex-direction:column;gap:4px}.recommend-card__title{font-size:12px;font-weight:700;color:var(--foreground);line-height:17px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.recommend-card__tag{font-size:10px;color:var(--secondary);font-weight:500}.page-enter-active{animation:pageIn .25s ease}.page-leave-active{animation:pageOut .15s ease}@keyframes pageIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pageOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}