.container{max-width: var(--container-width);margin: 0 auto;padding: 0 24px}.badge,.reco-badge-inline,.pillar-badge,.lc-badge,.lc-tag{display: inline-flex;align-items: center;gap: 4px;height: 22px;padding: 0 10px;border-radius: var(--radius-pill);font-size: 12px;font-weight: 500;line-height: 1;white-space: nowrap;color: var(--color-muted);background: var(--color-surface);border: 1px solid var(--color-border)}.section-hd{margin-bottom: var(--space-8);text-align: center;max-width: 720px;margin-left: auto;margin-right: auto}.section-hd .tag,.eyebrow{display: inline-block;font-size: 12px;font-weight: 600;letter-spacing: 0.16em;text-transform: uppercase;color: var(--color-primary);margin-bottom: var(--space-3)}.section-hd h2{font-size: 32px;color: var(--color-text);margin-bottom: var(--space-3)}.section-hd p{font-size: 15px;color: var(--color-muted);line-height: 1.8}#main-nav{position: sticky;top: 0;z-index: 200;background: rgba(247,246,243,0.9);-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px);border-bottom: 1px solid var(--color-border)}.nav-inner{display: flex;align-items: center;justify-content: space-between;height: var(--header-height);gap: var(--space-6)}.nav-logo{display: flex;align-items: center;gap: var(--space-3);flex-shrink: 0}.logo-mark{width: 36px;height: 36px;border-radius: var(--radius-sm);object-fit: contain}.logo-name{font-size: 19px;font-weight: 700;color: var(--color-text);letter-spacing: -0.01em;line-height: 1.2}.logo-name span{color: var(--color-primary)}.logo-sub{display: block;font-size: 11px;color: var(--color-faint);margin-top: 1px;letter-spacing: 0.02em}.nav-search{flex: 1;max-width: 420px;margin: 0 var(--space-4);position: relative}.nav-search input{width: 100%;height: 44px;border: 1px solid var(--color-border);border-radius: var(--radius-md);background: var(--color-surface);padding: 0 44px 0 16px;font-size: 14px;color: var(--color-text);outline: none;transition: border-color 0.2s ease,box-shadow 0.2s ease,background 0.2s ease}.nav-search input:focus{border-color: var(--color-primary);box-shadow: 0 0 0 3px rgba(122,31,43,0.08)}.nav-search input::placeholder{color: var(--color-faint)}.nav-search .search-btn{position: absolute;right: 6px;top: 50%;transform: translateY(-50%);width: 32px;height: 32px;border-radius: var(--radius-sm);display: flex;align-items: center;justify-content: center;color: var(--color-muted);transition: background 0.2s ease,color 0.2s ease}.nav-search .search-btn:hover{background: var(--color-bg);color: var(--color-primary)}.nav-search .search-btn svg{width: 16px;height: 16px}.nav-links{display: none;align-items: center;gap: var(--space-1);flex-shrink: 0}.nav-links a{padding: 8px 14px;border-radius: var(--radius-sm);font-size: 14px;font-weight: 500;color: var(--color-text);white-space: nowrap;transition: color 0.2s ease,background 0.2s ease}.nav-links a:hover{color: var(--color-primary);background: rgba(122,31,43,0.06)}.nav-cs{display: inline-flex;align-items: center;gap: 7px;height: 40px;padding: 0 18px;border: 1px solid var(--color-border);border-radius: var(--radius-md);background: var(--color-surface);color: var(--color-text);font-size: 14px;font-weight: 500;white-space: nowrap;flex-shrink: 0;transition: border-color 0.2s ease,color 0.2s ease}.nav-cs:hover{border-color: var(--color-primary);color: var(--color-primary)}.nav-cs svg{width: 16px;height: 16px}.sub-nav{background: var(--color-surface);border-bottom: 1px solid var(--color-border);position: sticky;top: var(--header-height);z-index: 150}.sub-nav-inner{display: flex;gap: var(--space-1);overflow-x: auto;padding: 12px 0;scrollbar-width: none}.sub-nav-inner::-webkit-scrollbar{display: none}.sub-nav a{display: inline-flex;align-items: center;gap: 6px;padding: 8px 16px;font-size: 14px;font-weight: 500;color: var(--color-muted);white-space: nowrap;border-radius: var(--radius-pill);border: 1px solid transparent;transition: background 0.2s ease,color 0.2s ease,border-color 0.2s ease}.sub-nav a:hover{background: var(--color-bg);color: var(--color-text)}.sub-nav a.active{background: var(--color-primary);color: #FFFFFF}.sub-nav svg{width: 16px;height: 16px}.toast{position: fixed;bottom: 32px;left: 50%;transform: translateX(-50%) translateY(12px);background: var(--color-footer);color: #FFFFFF;padding: 12px 22px;border-radius: var(--radius-md);font-size: 14px;font-weight: 500;box-shadow: 0 8px 32px rgba(23,23,23,0.22);z-index: 500;opacity: 0;transition: opacity 0.25s ease,transform 0.25s ease;pointer-events: none;max-width: 90vw;text-align: center}.toast.show{opacity: 1;transform: translateX(-50%) translateY(0)}#tools{background: var(--color-bg)}.tool-block{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);overflow: hidden;transition: box-shadow 0.25s ease,border-color 0.25s ease}.tool-block:hover{box-shadow: var(--shadow-md);border-color: #DCD9D2}.tool-block-hd{display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);padding: var(--space-5) var(--space-6);border-bottom: 1px solid var(--color-border)}.tool-block-hd a{font-size: 13px;font-weight: 500;color: var(--color-primary);white-space: nowrap}.tool-block-hd a:hover{color: var(--color-primary-hover)}.tool-static-desc{background: var(--color-bg);border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: 14px 16px;margin-bottom: var(--space-4)}.tool-static-desc p{font-size: 13px;color: var(--color-muted);line-height: 1.8;margin-bottom: 8px}.tool-static-desc p:last-child{margin-bottom: 0}.bus-row{display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);background: var(--color-bg);border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: 12px 16px;transition: border-color 0.2s ease,background 0.2s ease}.bus-row:hover{border-color: #DCD9D2;background: var(--color-surface)}.bus-no{font-size: 20px;font-weight: 700;color: var(--color-primary);letter-spacing: -0.02em;line-height: 1.2}.bus-dest{font-size: 13px;color: var(--color-muted);margin-top: 2px}#guides{background: var(--color-bg)}.faq-section{margin-top: var(--space-12);max-width: 840px;margin-left: auto;margin-right: auto}.faq-section-title{font-size: 24px;font-weight: 600;text-align: center;margin-bottom: var(--space-6)}.faq-grid{display: grid;gap: var(--space-3)}.faq-item{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-md);overflow: hidden;transition: border-color 0.2s ease}.faq-question{display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);padding: 17px 20px;font-size: 15px;font-weight: 600;color: var(--color-text);cursor: pointer;list-style: none}.faq-question::-webkit-details-marker{display: none}.faq-plus{flex-shrink: 0;width: 24px;height: 24px;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;background: var(--color-bg);color: var(--color-muted);font-size: 16px;line-height: 1;transition: background 0.2s ease,color 0.2s ease,transform 0.25s ease}.faq-answer{padding: 0 20px 18px;color: var(--color-muted);font-size: 14px;line-height: 1.9}.faq-answer p{color: var(--color-muted);font-size: 14px}.faq-answer a{color: var(--color-primary)}.channel-hero{padding: 64px 0 48px;background: var(--color-surface);border-bottom: 1px solid var(--color-border)}.channel-hero .ch-emoji{display: inline-flex;align-items: center;justify-content: center;width: 48px;height: 48px;border-radius: var(--radius-md);background: var(--color-primary-soft);color: var(--color-primary);margin-bottom: var(--space-4)}.channel-hero .ch-emoji svg{width: 24px;height: 24px}.channel-hero h1{font-size: 34px;font-weight: 600;line-height: 1.25;color: var(--color-text);margin-bottom: var(--space-3);max-width: 760px}.channel-hero p{font-size: 15px;color: var(--color-muted);max-width: 680px;line-height: 1.8}.channel-hero .ch-stats{display: flex;gap: var(--space-8);margin-top: var(--space-6);flex-wrap: wrap;padding-top: var(--space-6);border-top: 1px solid var(--color-border);max-width: 760px}.channel-hero .ch-stats>div{min-width: 96px}.channel-hero .ch-stat-val{font-size: 26px;font-weight: 600;line-height: 1.2;color: var(--color-primary);letter-spacing: -0.01em}.channel-hero .ch-stat-label{font-size: 12px;color: var(--color-faint);margin-top: 2px}.filters{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);padding: var(--space-5) var(--space-6);margin-bottom: var(--space-6)}.filter-row{display: flex;gap: var(--space-2);align-items: flex-start;margin-bottom: var(--space-3);flex-wrap: wrap}.filter-row:last-child{margin-bottom: 0}.filter-label{font-size: 12px;font-weight: 600;color: var(--color-faint);min-width: 48px;padding-top: 7px}.filter-chip{display: inline-flex;align-items: center;height: 30px;padding: 0 13px;border-radius: var(--radius-pill);background: var(--color-bg);border: 1px solid var(--color-border);color: var(--color-muted);font-size: 12px;cursor: pointer;transition: border-color 0.2s ease,background 0.2s ease,color 0.2s ease}.filter-chip:hover{border-color: var(--color-primary);color: var(--color-primary)}.filter-chip.active{background: var(--color-primary);border-color: var(--color-primary);color: #FFFFFF}.rank-grid{display: grid;grid-template-columns: 1fr;gap: var(--space-2)}.rank-item{display: flex;align-items: center;gap: var(--space-4);background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: 12px 16px;transition: border-color 0.2s ease,box-shadow 0.2s ease}.rank-item:hover{border-color: #DCD9D2;box-shadow: var(--shadow-sm)}.rank-num{font-size: 20px;font-weight: 700;color: var(--color-faint);min-width: 30px;text-align: center;font-variant-numeric: tabular-nums}.rank-item.top1 .rank-num{color: var(--color-gold)}.rank-item.top2 .rank-num{color: var(--color-muted)}.rank-item.top3 .rank-num{color: var(--color-warning)}.rank-thumb{width: 56px;height: 56px;border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;font-size: 24px;flex-shrink: 0;background: var(--color-primary-soft);color: var(--color-primary);overflow: hidden}.rank-thumb img{width: 100%;height: 100%;object-fit: cover}.rank-thumb svg{width: 24px;height: 24px}.rank-info{flex: 1;min-width: 0}.rank-info .ri-name{font-size: 15px;font-weight: 600;color: var(--color-text);margin-bottom: 2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.rank-info .ri-meta{font-size: 12px;color: var(--color-faint)}.rank-info .ri-meta .ri-score{color: var(--color-gold);font-weight: 600}.rank-cta{display: inline-flex;align-items: center;justify-content: center;height: 32px;padding: 0 14px;border: 1px solid var(--color-primary);border-radius: var(--radius-pill);color: var(--color-primary);font-size: 12px;font-weight: 600;white-space: nowrap;flex-shrink: 0;transition: background 0.2s ease,color 0.2s ease}.rank-cta:hover{background: var(--color-primary);color: #FFFFFF}.list-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: var(--space-5)}.list-card{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);overflow: hidden;transition: box-shadow 0.25s ease,border-color 0.25s ease,transform 0.25s ease;display: flex;flex-direction: column}.list-card:hover{box-shadow: var(--shadow-md);border-color: #DCD9D2;transform: translateY(-2px)}.lc-img{aspect-ratio: 16 / 10;display: flex;align-items: center;justify-content: center;font-size: 34px;position: relative;background: var(--color-primary-soft);color: var(--color-primary);overflow: hidden}.lc-img img{width: 100%;height: 100%;object-fit: cover}.lc-img svg{width: 30px;height: 30px}.lc-badge{position: absolute;top: 10px;left: 10px;z-index: 2;height: 20px;padding: 0 9px;font-size: 11px;background: rgba(23,23,23,0.72);color: #FFFFFF;border: none;-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px)}.lc-tag{position: absolute;top: 10px;right: 10px;z-index: 2;height: 20px;padding: 0 9px;font-size: 11px;color: #FFFFFF;background: var(--color-primary);border: none}.lc-body{padding: var(--space-4) var(--space-5) var(--space-5);flex: 1;display: flex;flex-direction: column}.lc-name{font-size: 15px;font-weight: 600;color: var(--color-text);margin-bottom: 4px}.lc-desc{font-size: 12px;color: var(--color-muted);margin-bottom: var(--space-3);line-height: 1.7}.lc-meta{display: flex;justify-content: space-between;align-items: center;font-size: 12px;margin-top: auto}.lc-score{color: var(--color-gold);font-weight: 600}.lc-price{color: var(--color-primary);font-weight: 700;font-size: 15px}.lc-cta{display: flex;align-items: center;justify-content: center;height: 40px;margin-top: var(--space-3);border: 1px solid var(--color-primary);border-radius: var(--radius-md);color: var(--color-primary);font-size: 13px;font-weight: 600;transition: background 0.2s ease,color 0.2s ease}.lc-cta:hover{background: var(--color-primary);color: #FFFFFF}.lc-cta-group{display: flex;gap: 8px;margin-top: var(--space-3)}.lc-cta-group .lc-cta{flex: 1;margin-top: 0;padding: 0 6px;font-size: 12px}.lc-cta-secondary{border-color: var(--color-border,#e2e8f0);color: var(--color-text-secondary,#64748b)}.lc-cta-secondary:hover{background: var(--color-bg-secondary,#f1f5f9);color: var(--color-primary);border-color: var(--color-primary)}.tool-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: var(--space-4)}.mini-card{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: var(--space-5) var(--space-3);text-align: center;transition: border-color 0.2s ease,box-shadow 0.2s ease}.mini-card:hover{border-color: #DCD9D2;box-shadow: var(--shadow-sm)}.mini-card .mc-icon{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: var(--radius-sm);background: var(--color-primary-soft);color: var(--color-primary);margin-bottom: var(--space-2)}.mini-card .mc-icon svg{width: 18px;height: 18px}.mini-card .mc-label{font-size: 12px;color: var(--color-faint)}.mini-card .mc-value{font-size: 18px;font-weight: 600;color: var(--color-text)}.bus-arrow{color: var(--color-faint);font-size: 12px}.bus-time{font-size: 13px;font-weight: 600;color: var(--color-success);white-space: nowrap}.seo-content{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);padding: var(--space-8)}.seo-content h3{font-size: 17px;font-weight: 600;color: var(--color-text);margin-bottom: var(--space-3)}.seo-content p{font-size: 14px;color: var(--color-muted);line-height: 1.9;margin-bottom: var(--space-3)}.static-seo{background: var(--color-surface);border-top: 1px solid var(--color-border)}.static-seo h2{font-size: 24px;font-weight: 600;margin-bottom: var(--space-4)}.static-seo h3{font-size: 18px;font-weight: 600;margin: var(--space-8) 0 var(--space-3);color: var(--color-text)}.static-seo p{font-size: 14px;color: var(--color-muted);line-height: 1.9;margin-bottom: var(--space-3);max-width: 860px}.static-seo a{color: var(--color-primary)}.site-header{position: sticky;top: 0;z-index: 200;background: rgba(247,246,243,0.92);-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px);border-bottom: 1px solid var(--color-border)}.site-header .container{display: flex;align-items: center;justify-content: space-between;height: var(--header-height);max-width: 880px}.site-header .logo{display: inline-flex;align-items: center;gap: var(--space-3);color: var(--color-text);font-weight: 700;font-size: 18px}.site-header .logo img{width: 36px;height: 36px;border-radius: var(--radius-sm);object-fit: contain}.site-header .main-nav{display: flex;align-items: center;gap: var(--space-2)}.site-header .main-nav a{padding: 8px 12px;border-radius: var(--radius-sm);color: var(--color-muted);font-size: 14px;font-weight: 500;transition: color 0.2s ease,background 0.2s ease}.site-header .main-nav a:hover{color: var(--color-primary);background: rgba(122,31,43,0.06)}.site-header.site-header--app{background: transparent;border-bottom: 0;-webkit-backdrop-filter: none;backdrop-filter: none}.site-header.site-header--app>#main-nav{position: static}.site-header.site-header--app .container{display: block;height: auto;max-width: var(--container-width)}.main-content{max-width: 760px;margin: 0 auto;padding: var(--space-8) 20px var(--space-16)}.main-content h1{font-size: 30px;font-weight: 600;line-height: 1.3;margin: var(--space-4) 0 var(--space-3)}.gm-link,.section-hd a{color: var(--color-primary);font-size: 13px;font-weight: 500}.fade-up{opacity: 1;transform: translateY(0);transition: opacity 0.3s ease,transform 0.3s ease}html.js .fade-up{opacity: 0;transform: translateY(12px)}html.js .fade-up.visible{opacity: 1;transform: translateY(0)}@media (prefers-reduced-motion: reduce){html.js .fade-up{opacity: 1;transform: none}}.skip-link{position: absolute;top: -100%;left: 16px;background: var(--color-primary);color: #FFFFFF;padding: 8px 16px;border-radius: var(--radius-sm);font-size: 14px;font-weight: 600;z-index: 9999;transition: top 0.2s}.skip-link:focus{top: 8px;color: #FFFFFF}.container{padding: 0 16px}.nav-inner{height: 60px}.nav-search{display: none}.logo-mark{width: 32px;height: 32px}.logo-name{font-size: 17px}.logo-sub{display: none}.nav-cs{display: none}.sub-nav{top: 60px}.section-hd h2{font-size: 24px}.section-hd p{font-size: 14px}.tool-block-hd{padding: var(--space-4)}.list-grid{grid-template-columns: 1fr}.tool-grid{grid-template-columns: repeat(2,1fr);gap: var(--space-3)}.channel-hero{padding: 40px 0 32px}.channel-hero h1{font-size: 24px}.channel-hero .ch-stats{gap: var(--space-5)}.filters{padding: var(--space-4)}@media (min-width: 641px){.container{padding: 0 20px}.nav-search{display: block;max-width: 220px;margin: 0 var(--space-3)}.nav-cs{display: flex;padding: 0 14px}.nav-cs span{display: none}.sub-nav{top: var(--header-height)}.list-grid{grid-template-columns: repeat(2,1fr)}.tool-grid{grid-template-columns: repeat(2,1fr)}.channel-hero h1{font-size: 28px}}@media (min-width: 901px){.container{padding: 0 24px}.nav-inner{height: var(--header-height)}.nav-search{display: block;max-width: 380px;margin: 0 var(--space-4)}.nav-links{display: flex}.nav-cs span{display: inline}.logo-mark{width: 36px;height: 36px}.logo-name{font-size: 19px}.logo-sub{display: block}.section-hd h2{font-size: 28px}.section-hd p{font-size: 15px}.tool-block-hd{padding: var(--space-5)}.tool-grid{grid-template-columns: repeat(4,1fr);gap: var(--space-4)}.list-grid{grid-template-columns: repeat(3,1fr);gap: var(--space-5)}.channel-hero{padding: 56px 0 40px}.channel-hero h1{font-size: 32px}.channel-hero .ch-stats{gap: var(--space-6)}.filters{padding: var(--space-5)}}.cn-ai-answer{margin: 24px 0 28px;padding: 20px 24px;background: linear-gradient(135deg,rgba(122,31,43,0.04),rgba(122,31,43,0.01));border: 1px solid var(--color-border,#e2e8f0);border-left: 4px solid var(--color-primary,#7A1F2B);border-radius: var(--radius-md,8px)}.cn-ai-answer-title{margin: 0 0 10px;font-size: 15px;font-weight: 700;color: var(--color-primary,#7A1F2B);letter-spacing: 0.02em}.cn-ai-answer-title::before{content: "⚡ "}.cn-ai-answer-tldr{margin: 0 0 16px;font-size: 16.5px;line-height: 1.8;color: var(--color-text,#1a202c);font-weight: 500;text-align: left}.cn-ai-answer-table{width: 100%;border-collapse: collapse;margin: 0 0 12px;font-size: 14px;background: var(--color-surface,#fff)}.cn-ai-answer-table caption{text-align: left;font-size: 13px;font-weight: 600;color: var(--color-text-secondary,#4a5568);padding-bottom: 6px}.cn-ai-answer-table th,.cn-ai-answer-table td{border: 1px solid var(--color-border,#e2e8f0);padding: 8px 12px;text-align: left;line-height: 1.6}.cn-ai-answer-table th{width: 34%;background: rgba(122,31,43,0.05);font-weight: 600;color: var(--color-text,#1a202c);white-space: nowrap}.cn-ai-sources{margin: 32px 0 24px;padding: 18px 22px;background: var(--color-surface-subtle,#f8fafc);border: 1px solid var(--color-border,#e2e8f0);border-radius: var(--radius-md,8px)}.cn-ai-sources-title{margin: 0 0 10px;font-size: 16px;font-weight: 700;color: var(--color-text,#1a202c)}.cn-ai-sources-lead{margin: 0 0 12px;font-size: 13.5px;line-height: 1.7;color: var(--color-text-secondary,#4a5568)}.cn-ai-sources-list{margin: 0;padding-left: 20px}.cn-ai-sources-list li{font-size: 13.5px;line-height: 1.8;color: var(--color-text-secondary,#4a5568);margin-bottom: 4px}.cn-ai-sources-list a{color: var(--color-primary,#7A1F2B);text-decoration: underline;text-underline-offset: 2px}@media (max-width: 640px){.cn-ai-answer{padding: 16px 14px;margin: 18px 0 22px}.cn-ai-answer-tldr{font-size: 15.5px;line-height: 1.75}.cn-ai-answer-table th{width: 40%}.cn-ai-answer-table th,.cn-ai-answer-table td{padding: 7px 9px;font-size: 13.5px}.cn-ai-sources{padding: 14px 15px;margin: 24px 0 18px}}