/* 万象信息 / panoramic identity */
/* Homepage image and research directory are intentionally shared across themes. */
.research-back { display:inline-flex; margin-bottom:24px; font-size:13px; }
.mybrowser-preview { margin:0 0 38px; border:1px solid var(--border); border-radius:8px; overflow:hidden; background:var(--card); }
.mybrowser-preview img { display:block; width:100%; height:auto; }
.mybrowser-preview figcaption { padding:16px 22px; font-size:12px; color:var(--text-2); }
.mybrowser-features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.mybrowser-features article { padding:28px; border:1px solid var(--border); border-radius:6px; background:var(--card); }
.mybrowser-features h2 { font-size:23px; font-weight:450; color:var(--heading); }
.mybrowser-features p { font-size:14px; line-height:1.9; color:var(--text-2); }
@media(max-width:760px){.mybrowser-features{grid-template-columns:1fr}}
html[data-theme="dark"] {
 --bg:#0a0e15; --bg-soft:#121923; --card:#111924; --card-edge:#29313f;
 --heading:#f3f0e8; --text:#c3c8d1; --text-2:#929cae;
 --accent:#d4b57f; --accent-hover:#e8d1a8; --accent-soft:rgba(212,181,127,.09);
 --border:#29313f; --button-text:#191710;
}
html[data-theme="light"] {
 --bg:#f6f4ef; --bg-soft:#ece7de; --card:#fffdf9; --card-edge:#ded8ce;
 --heading:#1d2735; --text:#435064; --text-2:#697386;
 --accent:#88632d; --accent-hover:#6d4c1e; --accent-soft:rgba(136,99,45,.08);
 --border:#ddd6ca; --button-text:#fff;
}
.site-header { max-width:1504px; padding:27px 48px; }
.site-name { font-size:22px; letter-spacing:.18em; }
.seal { width:47px; height:47px; border-radius:4px; color:var(--accent); background:transparent; }
.site-sub { font-size:8px; letter-spacing:.2em; }.site-nav { gap:24px; }.site-nav a { font-size:12px; }
.site-nav [data-nav="login"] { border-radius:3px; padding:8px 20px; border-color:var(--accent); color:var(--accent); }
.portal-container { max-width:none; padding:0 0 80px; }
.vast-hero { position:relative; min-height:720px; height:calc(100svh - 105px); max-height:960px; overflow:hidden; display:grid; place-items:center; padding:70px 24px 140px; isolation:isolate; }
.vast-hero-copy { text-align:center; z-index:2; width:100%; }
.vast-hero .eyebrow { letter-spacing:.25em; font-size:10px; }
.vast-hero h1 { color:var(--heading); font-weight:550; font-size:clamp(70px,8vw,126px); letter-spacing:.15em; margin:24px 0 10px; line-height:1.3; padding-left:.15em; }
.hero-title-dot { color:var(--accent); letter-spacing:0; }
.vast-hero h2 { color:var(--heading); font-weight:400; font-size:clamp(18px,2vw,28px); letter-spacing:.13em; margin:0 0 22px; }
.vast-hero h2 span { display:inline-block; }
.vast-hero p { color:var(--text-2); font-size:14px; line-height:2.1; margin:0; }
.vast-hero .hero-actions { justify-content:center; margin-top:34px; gap:18px; }
.hero-actions .btn { border-radius:3px; min-width:194px; padding:15px 25px; justify-content:space-between; }
.hero-outline { border:1px solid var(--border); color:var(--heading); background:var(--accent-soft); text-decoration:none; border-radius:3px; padding:14px 24px; }
.hero-outline:hover { border-color:var(--accent); color:var(--accent); }
.hero-meridian { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,transparent calc(25% - 1px),var(--border) 25%,transparent calc(25% + 1px),transparent calc(75% - 1px),var(--border) 75%,transparent calc(75% + 1px)); opacity:.2; }
.hero-world { position:absolute; z-index:-1; width:150%; height:600px; left:-25%; bottom:-460px; border-radius:50%; border-top:1px solid var(--accent); background:radial-gradient(ellipse at top,rgba(212,181,127,.18),transparent 60%); box-shadow:0 -15px 80px rgba(154,135,98,.10),0 -1px 24px rgba(212,181,127,.25); transform:rotate(-6deg); }
.hero-world i { position:absolute; border-radius:50%; border-top:1px solid var(--accent); inset:22px 0 0; opacity:.18; }
.hero-world i:nth-child(2){inset:55px 0 0;opacity:.1}.hero-world i:nth-child(3){inset:90px 0 0;opacity:.08}
.constellation { position:absolute; inset:0; z-index:-2; background:radial-gradient(1px 1px at 14% 24%,var(--accent) 60%,transparent),radial-gradient(1px 1px at 86% 32%,var(--accent) 60%,transparent),radial-gradient(2px 2px at 91% 12%,var(--accent) 40%,transparent),radial-gradient(1px 1px at 7% 64%,var(--accent) 60%,transparent),radial-gradient(ellipse at 50% 30%,var(--accent-soft),transparent 60%); }
.hero-edge-label { position:absolute; bottom:50px; font:9px var(--font-mono); letter-spacing:.16em; color:var(--text-2); z-index:2; }
.hero-edge-label.left{left:48px}.hero-edge-label.right{right:48px}
.hero-watermark { position:absolute; z-index:-1; bottom:-.1em; left:50%; transform:translateX(-50%); font:600 clamp(90px,18vw,270px)/1 var(--font-sans); letter-spacing:.06em; color:var(--heading); opacity:.025; white-space:nowrap; }
.portal-section { width:calc(100% - 96px); max-width:1320px; margin-left:auto; margin-right:auto; padding:64px 0 0; border-top:0; }
.section-heading { margin-bottom:36px; }.section-heading h2 { font-size:34px; letter-spacing:.015em; margin-top:14px; font-weight:450; }.section-caption { font-size:13px; margin:0 0 5px; }
.portal-grid { gap:0; border:1px solid var(--border); border-radius:4px; overflow:hidden; }
.portal-card { border:none; border-right:1px solid var(--border); border-radius:0; padding:35px 28px; min-height:335px; background:linear-gradient(160deg,var(--card),var(--bg)); }
.portal-card:last-child{border-right:0}.portal-card:hover{transform:none;background:var(--accent-soft)}
.portal-icon{font-size:25px}.card-number{font-size:9px;letter-spacing:.1em}.portal-card h3{font-size:23px;margin-top:34px;font-weight:450}.portal-card p{font-size:13px}.portal-card-bottom{margin-top:30px}.portal-tags span{border:0;background:var(--bg-soft);padding:4px 9px;border-radius:2px}
.capability-banner { margin-top:64px; border:1px solid var(--border); border-left:3px solid var(--accent); padding:36px 40px; display:flex; justify-content:space-between; align-items:center; gap:24px; background:var(--accent-soft); }
.capability-banner h2{font-size:27px;color:var(--heading);font-weight:450;margin:12px 0}.capability-banner p{font-size:13px;color:var(--text-2);margin:0;max-width:700px}.capability-banner a{flex-shrink:0}
.latest-section{margin-top:15px}.insight-row{padding:27px 0}.insight-row h3{font-size:19px}.portal-manifesto{padding:100px 24px 30px}.portal-manifesto h2{font-size:42px;letter-spacing:.04em;font-weight:400}.portal-manifesto p{letter-spacing:.12em}.site-footer{max-width:1408px}.service-notice{margin-top:40px}.service-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.card::before{display:none}
@media(max-width:1100px){.portal-card:nth-child(2){border-right:0}.portal-card:nth-child(-n+2){border-bottom:1px solid var(--border)}.vast-hero{min-height:660px}.site-header{padding:24px 32px}.site-nav{gap:15px}}
@media(max-width:760px){
 .site-header{padding:22px 20px}.site-nav{gap:10px 15px}.site-name{font-size:20px}
 .vast-hero{min-height:610px;max-height:760px;height:auto;padding:76px 20px 160px}
 .vast-hero h1{font-size:clamp(49px,11vw,78px);letter-spacing:.08em;margin:27px 0 17px}.vast-hero h2{font-size:17px;letter-spacing:.025em}.vast-hero p{font-size:12px}.vast-hero .eyebrow{font-size:8px;letter-spacing:.11em}
 .vast-hero .hero-actions{flex-direction:row;gap:12px}.hero-actions .btn{min-width:0;font-size:12px;padding:13px 16px;gap:16px}
 .hero-world{bottom:-470px;width:200%;left:-50%}.hero-edge-label{bottom:35px;font-size:7px}.hero-edge-label.left{left:20px}.hero-edge-label.right{right:20px}
 .portal-section{width:calc(100% - 40px);padding-top:40px}.section-heading h2{font-size:26px}.portal-card{padding:25px 20px;min-height:300px}.portal-card h3{font-size:20px}.portal-card p{font-size:12px}
 .capability-banner{padding:27px 24px;flex-direction:column;align-items:start;margin-top:40px}.capability-banner h2{font-size:23px}.portal-manifesto h2{font-size:29px}.portal-manifesto{padding-top:65px}.hero-watermark{font-size:22vw}
}
@media(max-width:390px){.portal-card{border-right:0;border-bottom:1px solid var(--border)}.portal-card:last-child{border-bottom:0}.hero-edge-label.left{max-width:190px;line-height:1.7}.vast-hero .hero-actions{flex-direction:column}.vast-hero .hero-actions .btn{width:210px}.vast-hero{padding-bottom:140px}}

.vast-hero { background:#090c10; min-height:760px; padding:58px 24px 340px; }
.hero-bagua { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 62%; z-index:-3; }
.vast-hero::before { content:""; position:absolute; inset:0; z-index:-2; background:linear-gradient(180deg,rgba(6,9,14,.6),rgba(6,9,14,.58) 44%,transparent 70%,rgba(6,9,14,.7)); }
.vast-hero h1,.vast-hero h2 { color:#f3f0e8; text-shadow:0 3px 30px #000; }
.vast-hero .eyebrow,.vast-hero .hero-title-dot { color:#d4b57f; }
.vast-hero p,.vast-hero .hero-edge-label { color:#d3d5d9; text-shadow:0 2px 8px #000; }
.vast-hero .hero-watermark { color:#f3f0e8; }
.research-container { max-width:1240px; padding:62px 40px 100px; }
.research-intro { margin-bottom:52px; }
.research-intro h1 { font-size:clamp(40px,5vw,66px); font-weight:450; line-height:1.25; letter-spacing:.04em; color:var(--heading); margin:20px 0; }
.research-intro h1 span { color:var(--accent); }
.research-intro h1.research-title-inline { white-space:nowrap; font-size:clamp(24px,5vw,66px); letter-spacing:0; }
.research-intro p { color:var(--text-2); font-size:15px; line-height:1.9; }
.research-intro.compact { margin-bottom:36px; }.research-intro.compact h1 { font-size:clamp(36px,4vw,50px); }
.research-intro.compact h1.research-title-inline { font-size:clamp(20px,4vw,50px); }
.research-categories { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.research-category-card,.research-service-card { display:flex; flex-direction:column; text-decoration:none; color:var(--text); border:1px solid var(--border); border-radius:6px; background:linear-gradient(140deg,var(--card),var(--bg)); transition:border-color .2s,transform .2s,background .2s; }
.research-category-card { padding:32px; position:relative; overflow:hidden; min-height:350px; }
.research-category-card:hover,.research-service-card:hover { border-color:var(--accent); transform:translateY(-3px); color:var(--text); }
.research-category-card:focus-visible,.research-service-card:focus-visible,.research-access-grid a:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.research-card-top,.research-card-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.research-card-top .eyebrow { font-size:10px; letter-spacing:.13em; }
.research-arrow { font-size:25px; color:var(--accent); }
.research-emblem { color:var(--accent); font:64px/1.2 Georgia,serif; margin:22px 0 10px; opacity:.8; }
.research-category-card h2 { color:var(--heading); font-size:28px; font-weight:450; margin:10px 0; }
.research-category-card p,.research-service-card p { color:var(--text-2); font-size:13px; line-height:1.9; margin:0 0 25px; }
.research-card-bottom { margin-top:auto; padding-top:22px; border-top:1px solid var(--border); font-size:11px; color:var(--text-2); }
.research-card-bottom span:last-child { color:var(--accent); }
.research-footnote { font-size:12px; color:var(--text-2); margin:24px 0 0; }
.research-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; font-size:12px; color:var(--text-2); margin-bottom:34px; }
.research-breadcrumb a { color:var(--text-2); text-decoration:none; }.research-breadcrumb a:hover { color:var(--accent); }
.research-service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.research-service-card { padding:26px; min-height:245px; }
.research-index { font:11px var(--font-mono); color:var(--text-2); }
.research-service-card h2 { color:var(--heading); font-size:25px; font-weight:450; margin:28px 0 12px; }
.service-status { display:inline-flex; font-size:11px; line-height:1.6; padding:4px 10px; border:1px solid var(--border); border-radius:3px; background:var(--bg-soft); color:var(--text-2); }
.service-status.available { color:var(--accent); background:var(--accent-soft); border-color:var(--accent); }
.research-detail-panel { border:1px solid var(--border); border-radius:6px; padding:38px; background:var(--card); }
.research-detail-panel h2 { color:var(--heading); font-size:28px; font-weight:450; margin:16px 0; }
.research-detail-panel p { color:var(--text-2); font-size:14px; line-height:1.9; max-width:800px; }
.research-detail-panel .research-scope { font-size:12px; border-left:2px solid var(--accent); padding-left:14px; margin-top:20px; }
.research-access-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:34px; }
.research-access-grid a { position:relative; border:1px solid var(--border); padding:24px; text-decoration:none; color:var(--text); border-radius:4px; }
.research-access-grid a:hover { border-color:var(--accent); background:var(--accent-soft); }
.research-access-grid a>span { color:var(--accent); font-size:11px; }.research-access-grid h3 { font-size:19px; color:var(--heading); font-weight:500; margin:20px 0 8px; }.research-access-grid p { font-size:12px; margin:0; }.research-access-grid b { position:absolute; right:20px; top:18px; color:var(--accent); font-weight:400; }
.research-detail-panel.unsupported { text-align:center; padding:55px 24px; }.unsupported p { margin:0 auto 26px; }.unsupported-mark { display:block; font:60px/1.2 Georgia,serif; color:var(--accent); margin-bottom:22px; }.unsupported .btn { display:inline-flex; }
@media(max-width:900px){.research-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.research-access-grid{grid-template-columns:1fr}.vast-hero{padding-bottom:310px}}
@media(max-width:760px){.vast-hero{min-height:700px;max-height:none;padding:55px 20px 360px}.hero-bagua{object-fit:cover;object-position:center bottom}.vast-hero h1{margin-top:20px}.vast-hero p{max-width:310px;margin:0 auto}.research-container{padding:35px 20px 65px}.research-intro{margin-bottom:32px}.research-categories{grid-template-columns:1fr;gap:18px}.research-category-card{padding:26px;min-height:310px}.research-service-card{padding:22px}.research-detail-panel{padding:26px}.research-detail-panel h2{font-size:23px}.research-breadcrumb{margin-bottom:28px}}
@media(max-width:520px){.research-service-grid{grid-template-columns:1fr}.research-service-card{min-height:220px}.research-service-card h2{margin-top:22px}.research-card-top .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){.research-category-card,.research-service-card{transition:none}.research-category-card:hover,.research-service-card:hover{transform:none}}
.captcha-service-cover { display:block; width:100%; height:auto; aspect-ratio:2/1; object-fit:cover; border-radius:12px; }
