@charset "UTF-8";
:root{color-scheme:light;--ink:#191b1e;--paper:#f1f2ef;--line:#d8dad7;--muted:#616761;--cyan:#4be6ef;--pink:#f84692;--font:"Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif}
*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #147c87;outline-offset:5px}button{cursor:pointer}a{text-decoration:none}[hidden]{display:none!important}.skip-link{position:fixed;left:1rem;top:-6rem;padding:1rem;background:white;z-index:100}.skip-link:focus{top:1rem}
.site-header{height:83px;background:var(--ink);color:#fff;border-bottom:3px solid var(--cyan)}.header-inner{max-width:1200px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{display:flex;align-items:center;gap:22px}.brand-logo{width:85px;height:60px;object-fit:contain}.brand-divider{width:1px;height:30px;background:#56585a}.brand-copy{display:flex;flex-direction:column;gap:6px;font-weight:700;letter-spacing:.08em}.brand-caption{font-size:10px;font-family:Arial,sans-serif;letter-spacing:.14em;color:#b8bcbe}.header-label{display:flex;gap:10px;align-items:center;font-size:14px;letter-spacing:.12em;color:#e6e8e8}.header-mark{width:7px;height:18px;transform:skew(-16deg);background:var(--cyan)}
.page-shell{max-width:1200px;padding:26px 24px 0;margin:0 auto}.masthead{height:185px;background:#202629;position:relative;overflow:hidden;color:#fff;border-radius:3px}.masthead-art{position:absolute;right:0;top:0;height:100%;width:65%;object-fit:cover;object-position:56% 48%}.masthead-shade{position:absolute;inset:0;background:linear-gradient(90deg,#202629 0%,#202629 32%,rgba(32,38,41,.82) 45%,rgba(32,38,41,.08) 78%)}.masthead-copy{position:relative;z-index:1;padding:26px 30px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.15em;color:#9da6a9;font-weight:700;font-family:Arial,sans-serif}.tiny-cross{color:var(--cyan);font-size:18px;line-height:1}.masthead h1{margin:13px 0 11px;font-size:42px;line-height:1.16;letter-spacing:-.045em;font-weight:800}.masthead h1 span{color:var(--cyan);margin-left:3px}.masthead p{margin:0;font-size:14px;color:#d0d6d6;line-height:1.7}.masthead-index{position:absolute;right:22px;bottom:12px;font-family:Arial,sans-serif;font-style:italic;font-weight:900;font-size:27px;letter-spacing:-.06em;color:#fff;text-shadow:0 2px 16px #1a252d}.corner-cut{position:absolute;bottom:-1px;right:-1px;width:20px;height:20px;background:var(--paper);clip-path:polygon(100% 0,100% 100%,0 100%)}
.directory-toolbar{display:flex;align-items:center;justify-content:space-between;margin:26px 0 22px;border-bottom:1px solid #cbd0cb}.region-tabs{display:flex;gap:28px;align-items:stretch}.region-tab{border:0;background:transparent;padding:0 1px 16px;position:relative;font-size:20px;font-weight:700;color:#747a76;display:flex;gap:9px;align-items:center;line-height:1.4}.region-tab::after{position:absolute;content:"";height:4px;left:0;right:0;bottom:-1px;background:transparent}.region-tab[aria-selected="true"]{color:var(--ink)}.region-tab[aria-selected="true"]::after{background:var(--ink)}.region-tab[aria-selected="true"] .tab-en{background:var(--cyan);color:var(--ink)}.tab-en{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.03em;padding:3px 5px;color:#848b86;border:1px solid #ccd1cc;line-height:1.15;font-weight:800}.tab-note{font-size:12px;font-weight:400;color:#8c928d;margin-left:0}.directory-count{margin:0 0 16px;font-size:13px;color:#68706b}.directory-count>span{font-family:Arial,sans-serif;font-size:16px;font-weight:800;color:#242c27;margin-right:4px}
.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dashboard-card{display:block;overflow:hidden;background:#fff;border:1px solid #d4d8d3;border-radius:4px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.dashboard-card:hover{transform:translateY(-4px);border-color:#727d76;box-shadow:0 12px 26px #1c2d2420}.card-cover{height:135px;padding:16px 20px 13px;position:relative;overflow:hidden;background:#24282d;color:#fff}.voice-cover{background:#202b30;color:#83edf4}.creator-cover{background:#30232b;color:#ff8bba}.opinion-cover{background:#24272e;color:#d7dcef}.cover-top{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;z-index:1}.cover-code{font:700 10px/1.4 Arial,sans-serif;letter-spacing:.13em;white-space:nowrap;opacity:.85}.cover-platform{font-size:11px;color:#bac5c8}.creator-cover .cover-platform{color:#d3bdc7}.cover-center{display:flex;align-items:center;justify-content:space-between;margin-top:17px;position:relative;z-index:1}.cover-icon{width:54px;height:54px;opacity:.92}.cover-title{font-size:29px;line-height:1.05;font-weight:800;letter-spacing:-.04em;color:rgba(255,255,255,.95)}.cover-title>span{display:inline-block;margin-left:2px;color:currentColor;opacity:.52}.cover-line{position:absolute;height:2px;left:20px;right:20px;bottom:0;background:currentColor;opacity:.7}.card-cover::after{content:"";position:absolute;right:-40px;top:0;bottom:0;width:155px;transform:skew(-25deg);background:linear-gradient(90deg,transparent,#ffffff07);border-left:1px solid #ffffff0c;pointer-events:none}.card-body{padding:21px 22px 15px}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title-row h2{font-size:23px;line-height:1.3;font-weight:800;margin:0;letter-spacing:-.03em}.access-badge{font-size:11px;line-height:1.4;white-space:nowrap;color:#707971;padding:3px 6px;border:1px solid #e1e5df;background:#f6f7f4}.card-body p{font-size:14px;line-height:1.8;color:#677068;margin:12px 0 17px;letter-spacing:.01em}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e4e7e2;padding-top:12px;font-size:13px;font-weight:700;color:#404b43}.open-arrow{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-family:Arial,sans-serif;font-size:21px;line-height:1;color:#222d25;transition:transform .2s ease,background .2s ease}.dashboard-card:hover .open-arrow{transform:translate(2px,-2px);background:var(--cyan)}.creator-card:hover .open-arrow{background:#ffc5dc}.opinion-card:hover .open-arrow{background:#e0e4f0}
.archive-section{margin-top:24px}.archive-label{display:block;font-size:13px;font-weight:700;letter-spacing:.06em;color:#555e57;margin-bottom:9px}.archive-label>span{font-family:Arial,sans-serif;color:#8f9690;font-size:10px;letter-spacing:.12em;font-weight:400}.archive-link{display:flex;align-items:center;gap:14px;padding:14px 19px;background:#e8ebe6;border:1px solid #d9dfd6;border-radius:3px;transition:border-color .2s,background .2s}.archive-link:hover{background:#fff;border-color:#8c9c91}.archive-icon{color:#738275;font-size:23px;line-height:1}.archive-name{font-size:14px;font-weight:700}.archive-description{font-size:13px;color:#7b857b}.archive-badge{font-size:11px;color:#7b857b;margin-left:auto}.archive-arrow{font-size:22px;line-height:1;color:#69766b}.access-note{display:flex;align-items:center;gap:7px;margin:16px 0 22px;font-size:12px;line-height:1.65;color:#7d867d}.access-note svg{width:14px;height:14px;flex-shrink:0}
.site-footer{max-width:1200px;padding:18px 24px 23px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:auto;border-top:1px solid #d5dad2;color:#929990;font-size:11px}.site-footer>div{display:flex;align-items:center;gap:12px}.footer-brand{font:900 italic 15px/1 Arial,sans-serif;letter-spacing:-.08em;color:#4c5950}.footer-credit{color:#929990}.overseas-panel{min-height:365px;display:flex;align-items:center;justify-content:center;gap:32px;margin:20px 0 30px;padding:50px 30px;background:#fff;border:1px solid #d5dad2}.empty-symbol{font:400 90px/1 Arial,sans-serif;color:#8bdde3}.empty-eyebrow{font-size:12px;color:#779091;letter-spacing:.15em}.overseas-panel h2{font-size:30px;margin:13px 0 14px}.overseas-panel p{font-size:15px;color:#758077;line-height:1.8}.return-button{background:var(--ink);color:white;border:0;padding:11px 18px;margin-top:12px;font-size:14px;display:flex;gap:26px;align-items:center}.return-button:hover{background:#354c50}
@media(min-width:1500px){.header-inner,.page-shell,.site-footer{max-width:1320px}.masthead{height:200px}.masthead-copy{padding:30px 34px}.masthead h1{font-size:46px}.card-cover{height:153px}.cover-center{margin-top:22px}.card-body{padding:24px 25px 18px}.card-body p{font-size:16px}.card-title-row h2{font-size:25px}.access-badge{font-size:12px}.card-bottom{font-size:14px}.archive-link{padding-top:16px;padding-bottom:16px}}
@media(max-width:900px){.header-inner,.page-shell,.site-footer{padding-left:20px;padding-right:20px}.dashboard-grid{gap:14px}.card-cover{padding:15px}.cover-title{font-size:24px}.cover-icon{width:44px;height:44px}.cover-platform{display:none}.card-body{padding:18px 16px 14px}.card-title-row{align-items:flex-start;flex-direction:column;gap:8px}.card-title-row h2{font-size:21px}.card-body p{font-size:14px}.archive-description{display:none}.masthead-art{width:75%}.masthead-shade{background:linear-gradient(90deg,#202629 0%,#202629 26%,rgba(32,38,41,.65) 60%,rgba(32,38,41,.1) 100%)}}
@media(max-width:640px){.site-header{height:74px}.header-inner{padding:0 18px}.brand{gap:14px}.brand-logo{width:69px;height:49px}.brand-divider{height:25px}.brand-copy{font-size:13px;gap:4px;letter-spacing:.04em}.brand-caption{font-size:8px;letter-spacing:.08em}.header-label{font-size:12px;gap:7px;letter-spacing:0}.header-mark{width:5px;height:14px}.page-shell{padding:18px 16px 0}.masthead{height:186px}.masthead-copy{padding:27px 20px}.masthead-art{width:100%;object-position:65% 50%}.masthead-shade{background:linear-gradient(90deg,rgba(24,32,38,.95) 0%,rgba(24,32,38,.84) 30%,rgba(24,32,38,.24) 100%)}.masthead h1{font-size:33px;margin:17px 0 12px}.masthead p{font-size:12px;max-width:220px}.masthead-index{font-size:21px;right:16px;bottom:12px}.eyebrow{font-size:9px}.directory-toolbar{margin:25px 0 18px;align-items:flex-end}.region-tabs{gap:22px}.region-tab{font-size:19px;padding-bottom:13px;gap:7px}.tab-note{display:none}.tab-en{font-size:9px;padding:3px 4px}.directory-count{font-size:11px;margin-bottom:14px}.directory-count>span{font-size:14px}.dashboard-grid{grid-template-columns:1fr;gap:18px}.card-cover{height:119px;padding:15px 20px}.cover-top{justify-content:space-between}.cover-platform{display:block}.cover-center{margin-top:12px}.cover-title{font-size:30px}.cover-icon{width:48px;height:48px}.card-body{padding:21px 22px 16px}.card-title-row{flex-direction:row;align-items:center}.card-title-row h2{font-size:23px}.card-body p{font-size:15px;line-height:1.75;margin:12px 0 15px}.card-bottom{font-size:14px}.access-badge{font-size:12px}.archive-section{margin-top:26px}.archive-link{display:grid;grid-template-columns:21px 1fr 18px;gap:7px 10px;padding:14px}.archive-icon{grid-row:1/3}.archive-name{font-size:14px}.archive-badge{grid-column:2;margin-left:0;font-size:12px}.archive-arrow{grid-column:3;grid-row:1/3}.access-note{font-size:12px;align-items:flex-start;margin:18px 0 22px}.access-note svg{margin-top:3px}.site-footer{padding:17px 16px 23px;align-items:flex-start;font-size:10px;gap:8px}.site-footer>div{gap:8px}.footer-brand{font-size:13px}.overseas-panel{min-height:345px;padding:35px 24px;gap:16px;flex-direction:column;align-items:flex-start}.empty-symbol{font-size:48px}.overseas-panel h2{font-size:24px}.overseas-panel p{font-size:14px}}
/* Final reading sizes: regular copy stays comfortable on desktop and mobile. */
.brand-caption{font-size:12px;letter-spacing:.1em}.eyebrow{font-size:12px}.masthead-art{object-position:56% 24%}.masthead p{font-size:16px}.tab-en{font-size:12px}.directory-count{font-size:14px}.cover-code{font-size:12px;letter-spacing:.08em}.cover-platform{font-size:12px}.access-badge{font-size:14px}.card-body p{font-size:16px}.card-bottom{font-size:14px}.archive-label{font-size:14px}.archive-label>span{font-size:12px}.archive-description{font-size:14px}.archive-badge{font-size:14px}.access-note{font-size:14px}.site-footer{font-size:12px}.empty-eyebrow{font-size:12px}.overseas-panel p{font-size:16px}
@media(max-width:900px){.card-title-row{min-height:65px}.archive-badge{font-size:13px}.card-body p{font-size:16px}}
@media(max-width:640px){.brand-copy{font-size:14px}.brand-caption{display:none}.header-label{font-size:12px}.masthead-art{object-position:65% 24%}.eyebrow{font-size:12px;letter-spacing:.1em}.masthead p{font-size:14px;max-width:215px}.masthead-copy{padding-left:20px}.tab-en{font-size:12px}.directory-count{font-size:12px}.card-title-row{min-height:0}.cover-platform{font-size:12px}.card-body p{font-size:16px}.access-badge{font-size:14px}.archive-badge{font-size:13px}.archive-label>span{font-size:12px}.site-footer{font-size:12px;flex-wrap:wrap}.access-note{font-size:14px}.overseas-panel p{font-size:16px}}
@media(max-width:359px){.tab-en{display:none}.header-label{display:none}.masthead h1{font-size:29px}.cover-title{font-size:27px}.card-title-row h2{font-size:21px}}
.tab-note,.archive-description,.archive-badge,.access-note,.site-footer,.footer-credit{color:#616c62}.tab-en{color:#626d65}.archive-label>span{color:#626d65}.empty-eyebrow{color:#617879}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.overseas-directory{margin-bottom:28px}.overseas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:640px){.overseas-grid{grid-template-columns:1fr}}