/* 探索頁變數 */
:root{--ex-bg:#ffffff;--ex-surface:#ffffff;--ex-text:#13131a;--ex-muted:#8b8d99;--ex-soft:#f4f5f8;--ex-line:#ececf1;--ex-primary:#ff315f;--ex-primary-dark:#12082d;--ex-shadow:0 18px 42px rgba(20,20,32,.12);--ex-hero-gradient:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(7,5,24,.78) 100%);}
html.dark{--ex-bg:#050506;--ex-surface:#101014;--ex-text:#f7f7f8;--ex-muted:#a5a6b3;--ex-soft:#18181d;--ex-line:#24242b;--ex-shadow:0 18px 42px rgba(0,0,0,.35);}
body.explore-page{background:var(--ex-bg);color:var(--ex-text);}
body.explore-page .explore-page-bg{background:var(--ex-bg)!important;color:var(--ex-text);}
body.explore-page .site-sidebar{background:var(--ex-surface)!important;border-right:1px solid var(--ex-line)!important;color:var(--ex-muted)!important;}
body.explore-page .site-sidebar a,body.explore-page .site-sidebar button{color:var(--ex-muted)!important;}
body.explore-page .site-sidebar a:hover,body.explore-page .site-sidebar button:hover{background:var(--ex-soft)!important;color:var(--ex-text)!important;}
body.explore-page .site-sidebar a.text-primary{color:hsl(var(--primary))!important;background:var(--ex-soft)!important;}
body.explore-page .site-sidebar .logo-dark{display:none!important;}
body.explore-page .site-sidebar .logo-light{display:block!important;}
html.dark body.explore-page .site-sidebar .logo-dark{display:block!important;}
html.dark body.explore-page .site-sidebar .logo-light{display:none!important;}
.explore-shell{min-height:100vh;background:var(--ex-bg);}
.explore-main{width:min(100%,640px);min-height:100vh;margin:0 auto;background:var(--ex-surface);border-left:1px solid var(--ex-line);border-right:1px solid var(--ex-line);}
.explore-top{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:var(--ex-surface);}
.explore-top h1{font-size:20px;font-weight:800;line-height:1;margin:0;color:var(--ex-text);}
.explore-icon-btn,.explore-filter,.explore-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:999px;color:var(--ex-muted);transition:background .18s,color .18s;}
.explore-icon-btn:hover,.explore-filter:hover,.explore-back:hover{background:var(--ex-soft);color:var(--ex-text);}
.explore-icon-btn img,.explore-filter img,.explore-back img{width:22px;height:22px;}
.explore-tabs{height:48px;display:flex;align-items:center;gap:24px;padding:0 18px;border-bottom:1px solid var(--ex-line);background:var(--ex-surface);overflow-x:auto;scrollbar-width:none;}
.explore-tabs::-webkit-scrollbar{display:none;}
.explore-tabs a{height:48px;display:flex;align-items:center;position:relative;flex:0 0 auto;color:var(--ex-muted);font-size:16px;font-weight:800;text-decoration:none;white-space:nowrap;}
.explore-tabs a.is-active{color:var(--ex-text);}
.explore-tabs a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:999px;background:var(--ex-primary-dark);}
.explore-filter{flex:0 0 auto;margin-left:auto;}
.explore-directory-head{padding:30px 22px 24px;border-bottom:1px solid var(--ex-line);background:linear-gradient(135deg,var(--ex-surface),var(--ex-soft));}
.explore-directory-kicker{margin:0;color:var(--ex-primary);font-size:13px;font-weight:900;letter-spacing:.04em;}
.explore-directory-head h2{margin:7px 0 8px;color:var(--ex-text);font-size:26px;font-weight:950;line-height:1.15;}
.explore-directory-head>p:last-child{margin:0;color:var(--ex-muted);font-size:14px;line-height:1.6;}
.explore-directory-list{display:grid;gap:0;padding:0 22px 44px;background:var(--ex-surface);}
.explore-directory-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:13px;align-items:center;padding:18px 0;border-bottom:1px solid var(--ex-line);}
.explore-directory-avatar{display:block;width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--ex-soft);}
.explore-directory-avatar img{display:block;width:100%;height:100%;object-fit:cover;}
.explore-directory-copy{min-width:0;}
.explore-directory-copy h3{display:flex;align-items:center;gap:5px;margin:0;color:var(--ex-text);font-size:16px;font-weight:900;line-height:1.2;}
.explore-directory-copy h3 a{overflow:hidden;color:inherit;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;}
.explore-directory-copy h3 a:hover{color:var(--ex-primary);}
.explore-directory-copy h3 img{width:15px;height:15px;flex:0 0 auto;}
.explore-directory-handle,.explore-directory-meta{margin:3px 0 0;color:var(--ex-muted);font-size:12px;font-weight:700;}
.explore-directory-bio{display:-webkit-box;margin:6px 0 0;overflow:hidden;color:var(--ex-text);font-size:13px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.explore-directory-empty{margin:32px 0;padding:30px 18px;border:1px dashed var(--ex-line);border-radius:16px;color:var(--ex-muted);text-align:center;}
.explore-directory-empty h3{margin:0;color:var(--ex-text);font-size:16px;font-weight:900;}
.explore-directory-empty p{margin:8px 0 0;font-size:13px;line-height:1.55;}
.explore-follow:disabled{cursor:wait;opacity:.65;}
.explore-follow:focus-visible{outline:3px solid rgba(255,49,95,.45);outline-offset:3px;}
.explore-hero{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:#111;}
.explore-hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .45s ease;pointer-events:none;}
.explore-hero-slide.is-active{opacity:1;pointer-events:auto;}
.explore-hero-slide img{width:100%;height:100%;object-fit:cover;display:block;}
.explore-hero-slide::after{content:"";position:absolute;inset:0;background:var(--ex-hero-gradient);}
.explore-hero-caption{position:absolute;left:24px;right:24px;bottom:28px;z-index:2;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.35);}
.explore-hero-caption h2{margin:0 0 8px;font-size:31px;font-weight:900;line-height:1.05;letter-spacing:0;}
.explore-hero-caption p{margin:0;font-size:14px;font-weight:700;opacity:.92;}
.explore-hero-dots{position:absolute;right:18px;bottom:18px;z-index:3;display:flex;gap:7px;}
.explore-hero-dots button{width:7px;height:7px;border:0;border-radius:999px;background:rgba(255,255,255,.45);padding:0;}
.explore-hero-dots button.is-active{width:20px;background:#fff;}
.explore-section{padding:34px 18px 0;background:var(--ex-surface);}
.explore-section:last-child{padding-bottom:48px;}
.explore-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px;}
.explore-section-head h2{margin:2px 0 0;font-size:24px;font-weight:900;line-height:1.16;color:var(--ex-text);letter-spacing:0;}
.explore-flag{display:inline-block;width:22px;height:15px;border-radius:3px;vertical-align:-1px;box-shadow:0 0 0 1px rgba(0,0,0,.08);overflow:hidden;}
.explore-flag.is-taiwan{background:linear-gradient(180deg,#fe0000 0 100%);position:relative;}
.explore-flag.is-taiwan::before{content:"";position:absolute;left:0;top:0;width:11px;height:8px;background:#000095;}
.explore-flag.is-japan{background:#fff;position:relative;}
.explore-flag.is-japan::before{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:999px;background:#bc002d;transform:translate(-50%,-50%);}
.explore-flag.is-korea{background:linear-gradient(90deg,#fff 0 100%);position:relative;}
.explore-flag.is-korea::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:999px;background:linear-gradient(180deg,#c60c30 0 50%,#003478 50% 100%);transform:translate(-50%,-50%);}
.explore-section-head a{flex:0 0 auto;color:var(--ex-muted);font-size:14px;font-weight:700;text-decoration:none;}
.explore-section-head a:hover{color:var(--ex-primary);}
.explore-tag{font-size:25px;font-weight:900;line-height:1;color:var(--ex-primary);}
.explore-carousel-wrap{position:relative;margin:0 -18px;overflow:hidden;cursor:pointer;}
.explore-card-row,.explore-avatar-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0 18px 4px;scrollbar-width:none;}
.explore-card-row::-webkit-scrollbar,.explore-avatar-row::-webkit-scrollbar{display:none;}
.explore-card{flex:0 0 174px;scroll-snap-align:start;}
.explore-card,.explore-avatar-item{cursor:pointer;}
.explore-card img{width:174px;height:174px;display:block;border-radius:8px;object-fit:cover;background:var(--ex-soft);}
.explore-card h3{margin:10px 0 3px;font-size:14px;font-weight:800;line-height:1.25;color:var(--ex-text);}
.explore-card p{height:38px;margin:0;color:var(--ex-muted);font-size:13px;line-height:1.45;overflow:hidden;}
.explore-carousel-btn{position:absolute;top:70px;z-index:4;width:42px;height:42px;border:1px solid var(--ex-line);border-radius:999px;background:var(--ex-surface);box-shadow:var(--ex-shadow);color:var(--ex-text);}
.explore-carousel-btn::before{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor;}
.explore-carousel-btn.is-left{left:0;transform:translate(-35%,-50%);}
.explore-carousel-btn.is-left::before{transform:translate(-38%,-50%) rotate(-135deg);}
.explore-carousel-btn.is-right{right:0;transform:translate(35%,-50%);}
.explore-carousel-btn.is-right::before{transform:translate(-62%,-50%) rotate(45deg);}
.explore-popular-list{display:grid;gap:20px;}
.explore-popular{display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:14px;}
.explore-popular>img{width:70px;height:70px;border-radius:999px;object-fit:cover;background:var(--ex-soft);}
.explore-popular h3{display:flex;align-items:center;gap:5px;margin:0;font-size:15px;font-weight:900;color:var(--ex-text);}
.explore-popular h3 img{width:14px;height:14px;}
.explore-popular p{margin:4px 0 0;color:var(--ex-muted);font-size:13px;font-weight:600;}
.explore-follow{min-width:68px;height:36px;border:1px solid #ed3f6a;border-radius:999px;background:#fff;color:#ed3f6a;font-size:13px;font-weight:800;transition:background .18s,color .18s,border-color .18s;}
.explore-follow.is-following{background:#ed3f6a;border-color:#ed3f6a;color:#fff;}
.explore-avatar-row{gap:18px;}
.explore-avatar-item{flex:0 0 96px;text-align:center;text-decoration:none;color:var(--ex-text);scroll-snap-align:start;}
.explore-avatar-item img{width:96px;height:96px;display:block;border-radius:999px;object-fit:cover;background:var(--ex-soft);}
.explore-avatar-item span{display:block;margin-top:9px;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.explore-country-main{padding:0 18px 40px;}
.explore-country-head{display:grid;grid-template-columns:42px minmax(0,1fr);gap:4px;align-items:start;padding:18px 0 20px;}
.explore-country-tag{font-size:26px;font-weight:900;line-height:1.06;color:var(--ex-text);}
.explore-country-head h1{margin:4px 0 0;font-size:26px;font-weight:900;line-height:1.12;color:var(--ex-text);letter-spacing:0;}
.explore-country-list{display:grid;gap:26px;}
.explore-country-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:start;}
.explore-country-avatar-link{display:block;width:56px;height:56px;border-radius:999px;text-decoration:none;}
.explore-country-avatar{width:56px;height:56px;border-radius:999px;object-fit:cover;background:var(--ex-soft);}
.explore-country-info h2{display:flex;align-items:center;gap:5px;margin:0 0 5px;font-size:16px;font-weight:900;line-height:1.2;color:var(--ex-text);}
.explore-country-name{color:inherit;text-decoration:none;}
.explore-country-name:hover{color:var(--ex-primary);}
.explore-country-info h2 img{width:14px;height:14px;}
.explore-country-info p{margin:0;color:var(--ex-text);font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
@media (max-width:640px){.explore-main{border:0;width:100%;}.explore-top{height:50px;padding:0 16px;}.explore-tabs{gap:22px;padding:0 16px;}.explore-directory-head{padding:25px 16px 21px;}.explore-directory-list{padding:0 16px 34px;}.explore-directory-card{grid-template-columns:56px minmax(0,1fr) auto;gap:11px;padding:15px 0;}.explore-directory-avatar{width:56px;height:56px;}.explore-directory-copy h3{font-size:15px;}.explore-directory-bio{font-size:12px;}.explore-follow{min-width:62px;height:34px;font-size:12px;}.explore-section{padding:30px 16px 0;}.explore-section-head h2{font-size:23px;}.explore-tag{font-size:24px;}.explore-card{flex-basis:166px;}.explore-card img{width:166px;height:166px;}.explore-carousel-wrap{margin:0 -16px;}.explore-card-row,.explore-avatar-row{padding-left:16px;padding-right:16px;}.explore-carousel-btn{top:68px;width:38px;height:38px;}.explore-country-main{padding-left:16px;padding-right:16px;}.explore-country-row{grid-template-columns:54px minmax(0,1fr) 70px;gap:12px;}.explore-country-info p{font-size:13px;}}
@media (min-width:1024px){.explore-shell{display:grid;grid-template-columns:minmax(0,640px) 320px;align-items:start;justify-content:center;gap:28px;padding:0 28px;}.explore-main{width:640px;margin:0;}.explore-right-rail{position:sticky;top:24px;width:320px;padding-top:24px;}.explore-country-main{min-height:100vh;}}
@media (max-width:1023px){.explore-right-rail{display:none;}}