:root{
  --bg:#060a16;
  --bg2:#0b1327;
  --card:rgba(10,17,34,.78);
  --card-strong:rgba(12,21,42,.92);
  --text:#edf3ff;
  --muted:#9db0d4;
  --line:rgba(110,154,255,.20);
  --line-strong:rgba(120,193,255,.34);
  --accent:#68e6ff;
  --accent2:#8b5dff;
  --accent3:#1f9cff;
  --glow:0 0 0 1px rgba(104,230,255,.12),0 14px 40px rgba(1,12,32,.45),0 0 32px rgba(64,153,255,.12);
  --shadow:0 20px 45px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  font:16px/1.74 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  background:
    radial-gradient(circle at top left, rgba(31,156,255,.18), transparent 28%),
    radial-gradient(circle at top right, rgba(139,93,255,.16), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(104,230,255,.10), transparent 26%),
    linear-gradient(180deg, #09101f 0%, #050914 40%, #04070f 100%);
  background-attachment:fixed;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.wrap{width:min(1180px,calc(100% - 32px));margin:auto}

.site-header{
  position:sticky;top:0;z-index:30;
  background:rgba(4,8,18,.72);
  backdrop-filter:blur(16px) saturate(150%);
  border-bottom:1px solid rgba(109,154,255,.18);
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}
.header-inner{height:68px;display:flex;align-items:center;gap:24px}
.brand{
  font-weight:900;font-size:22px;letter-spacing:.02em;
  text-transform:uppercase;
}
.brand span{
  color:var(--accent);
  text-shadow:0 0 12px rgba(104,230,255,.45),0 0 26px rgba(104,230,255,.18);
}
.nav{display:flex;gap:18px;font-size:14px;color:#c6d4f2}
.nav a{
  padding:9px 12px;border-radius:999px;
  transition:.22s ease;
}
.nav a:hover{color:#fff;background:rgba(104,230,255,.10);box-shadow:inset 0 0 0 1px rgba(104,230,255,.18)}
.search-launch{
  margin-left:auto;
  border:1px solid rgba(112,164,255,.26);
  background:linear-gradient(180deg, rgba(12,20,39,.96), rgba(8,14,28,.96));
  border-radius:14px;padding:10px 14px;min-width:220px;text-align:left;color:#b7c7e8;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02), 0 10px 24px rgba(0,0,0,.22);
}
.search-launch:hover{border-color:rgba(104,230,255,.42);color:#ecf7ff}

.hero{padding:62px 0 30px;position:relative}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:center}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;font-weight:800;color:var(--accent);letter-spacing:.18em;text-transform:uppercase;
}
.eyebrow::before{content:"";width:38px;height:1px;background:linear-gradient(90deg,transparent,var(--accent))}
.hero h1{font-size:48px;line-height:1.12;margin:12px 0 14px;letter-spacing:-1.6px}
.hero p{font-size:18px;color:var(--muted);margin:0 0 22px;max-width:720px}
.searchbox,.hero-note,.category-card,.tool-card,.guide-card,.article,.side-card,.category-guidance,.category-filter,.search-panel{
  background:linear-gradient(180deg, rgba(12,21,41,.88), rgba(7,13,27,.92));
  border:1px solid var(--line);
  box-shadow:var(--glow);
}
.searchbox{
  border-radius:18px;padding:8px;display:flex;max-width:720px;
}
.searchbox input{flex:1;border:0;outline:0;font-size:16px;padding:12px 14px;background:transparent;color:var(--text)}
.searchbox input::placeholder,.search-panel input::placeholder,.category-filter-row input::placeholder{color:#8ca1c7}
.searchbox button,.external-btn,.category-filter-row button{
  border:0;border-radius:12px;
  background:linear-gradient(135deg, var(--accent3), var(--accent2));
  color:#fff;padding:0 22px;font-weight:800;
  box-shadow:0 12px 24px rgba(31,156,255,.28), inset 0 0 18px rgba(255,255,255,.06);
}
.hero-note{border-radius:18px;padding:22px}
.hero-note strong{display:block;font-size:18px;margin-bottom:8px}
.hero-note ul{margin:0;padding-left:20px;color:var(--muted)}

.section{padding:26px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}
.section h2{font-size:27px;margin:0;letter-spacing:-.5px}
.section-head p{margin:3px 0 0;color:var(--muted)}
.section-head a,.tool-actions a,.side-card a:hover,.section-head a:hover{color:var(--accent)}

.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.category-card,.tool-card,.guide-card,.side-card,.article,.page-head .wrap,.category-guidance,.category-filter{
  backdrop-filter:blur(12px) saturate(140%);
}
.category-card,.tool-card,.guide-card{border-radius:16px;padding:16px;transition:.2s ease}
.category-card:hover,.tool-card:hover,.guide-card:hover,.ad-link:hover{
  transform:translateY(-3px);
  border-color:var(--line-strong);
  box-shadow:0 0 0 1px rgba(104,230,255,.18),0 18px 42px rgba(0,0,0,.36),0 0 28px rgba(104,230,255,.11);
}
.category-card b{display:block;margin-bottom:4px}
.category-card small{color:var(--muted)}

.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.tool-card{min-height:150px;display:flex;flex-direction:column}
.tool-top{display:flex;gap:11px;align-items:center}
.tool-icon{
  width:40px;height:40px;border-radius:12px;
  background:linear-gradient(145deg, rgba(104,230,255,.18), rgba(139,93,255,.22));
  color:#dffbff;display:grid;place-items:center;font-weight:900;
  border:1px solid rgba(104,230,255,.16);
  box-shadow:inset 0 0 20px rgba(255,255,255,.03), 0 0 18px rgba(104,230,255,.10);
}
.tool-name{font-weight:780}
.tool-cat{font-size:12px;color:var(--muted)}
.tool-card p{font-size:14px;color:var(--muted);margin:10px 0 12px}
.tool-actions{margin-top:auto;display:flex;gap:12px;font-size:13px;flex-wrap:wrap}
.tool-actions a:last-child{color:#cfe3ff}

.ad-wrap{margin:22px 0}
.ad-label{font-size:12px;color:#9cb4dd;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.ad-link{
  display:block;border-radius:18px;overflow:hidden;
  border:1px solid rgba(113,183,255,.28);
  background:linear-gradient(135deg,#091529,#07111f);
  box-shadow:0 16px 36px rgba(0,0,0,.30),0 0 22px rgba(104,230,255,.08);
  transition:.2s ease;
}
.ad-link img{width:100%;height:auto}

.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.guide-card h2{font-size:18px;margin:0 0 8px}
.guide-card p{font-size:14px;color:var(--muted);margin:0}

.page-head{padding:44px 0 20px}
.page-head .wrap{
  padding:26px 28px;border-radius:22px;
  background:
   linear-gradient(180deg, rgba(11,20,40,.88), rgba(7,12,24,.88)),
   linear-gradient(90deg, rgba(104,230,255,.10), transparent 40%, rgba(139,93,255,.10));
  border:1px solid rgba(104,230,255,.16);
  box-shadow:var(--glow);
  position:relative;overflow:hidden;
}
.page-head .wrap::after{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(130,190,255,.07) 1px, transparent 1px),linear-gradient(90deg, rgba(130,190,255,.07) 1px, transparent 1px);
  background-size:30px 30px;opacity:.18;pointer-events:none;
}
.page-head .wrap > *{position:relative;z-index:1}
.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:10px}
.breadcrumbs a:hover{color:var(--accent)}
.page-head h1{font-size:40px;line-height:1.2;margin:0 0 10px}
.page-head p{color:var(--muted);max-width:800px;margin:0}

.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}
.article{border-radius:20px;padding:28px}
.article h2{font-size:25px;margin:32px 0 10px}
.article h2:first-child{margin-top:0}
.article h3{font-size:19px;margin:24px 0 8px}
.article p{margin:10px 0;color:#e4eeff}
.article ul,.article ol{color:#d7e4ff}
.article table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px}
.article th,.article td{border-bottom:1px solid rgba(109,154,255,.18);text-align:left;padding:11px 9px;vertical-align:top}
.article th{background:rgba(104,230,255,.08)}
.quick{
  background:linear-gradient(135deg, rgba(104,230,255,.10), rgba(139,93,255,.12));
  border:1px solid rgba(104,230,255,.22);
  border-left:4px solid var(--accent);padding:14px 16px;border-radius:12px;margin:16px 0
}
.sidebar{position:sticky;top:90px}
.side-card{border-radius:16px;padding:18px;margin-bottom:14px}
.side-card h3{font-size:16px;margin:0 0 10px}.side-card a{display:block;font-size:14px;color:#d3dff6;padding:5px 0}
.info-table{display:grid;grid-template-columns:140px 1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:18px 0;background:rgba(7,14,28,.7)}
.info-table div{padding:11px 13px;border-bottom:1px solid rgba(109,154,255,.16)}
.info-table div:nth-last-child(-n+2){border-bottom:0}
.info-table .key{background:rgba(104,230,255,.08);font-weight:700}
.external-btn{display:inline-flex;align-items:center;gap:6px;padding:11px 16px;border-radius:12px;font-weight:800;margin:6px 0}
.notice{font-size:13px;color:var(--muted)}

.footer{
  margin-top:54px;
  background:linear-gradient(180deg, rgba(6,11,22,.92), rgba(4,7,14,.98));
  color:#cbd7ed;padding:38px 0 42px;border-top:1px solid rgba(104,230,255,.12)
}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px}
.footer-title{color:#fff;margin:0 0 10px;font-weight:800}
.footer a{display:block;font-size:14px;padding:3px 0;color:#cad7f2}
.footer a:hover{color:var(--accent)}
.footer small{color:#8ea4cb}

.search-overlay{
  position:fixed;inset:0;background:rgba(2,8,18,.76);
  backdrop-filter:blur(12px);
  z-index:100;display:none;padding:8vh 16px;overflow-y:auto
}
.search-panel{
  max-width:760px;margin:auto;border-radius:20px;overflow:hidden;
  max-height:84vh;display:flex;flex-direction:column
}
.search-panel input{
  width:100%;border:0;border-bottom:1px solid rgba(112,164,255,.18);
  padding:18px 20px;font-size:18px;outline:none;
  background:transparent;color:var(--text)
}
.results{max-height:65vh;overflow:auto;min-height:0;overscroll-behavior:contain}
.result{display:block;padding:14px 20px;border-bottom:1px solid rgba(109,154,255,.15)}
.result:hover{background:rgba(104,230,255,.06)}
.result b{display:block}.result small{color:var(--muted)}
.pill{display:inline-block;font-size:12px;background:rgba(104,230,255,.10);color:#baf6ff;padding:4px 8px;border-radius:999px;margin-right:6px;border:1px solid rgba(104,230,255,.16)}
.empty{padding:26px;color:var(--muted)}
.search-close{
  align-self:flex-end;margin:12px 12px 0;border:1px solid rgba(112,164,255,.24);
  background:rgba(104,230,255,.08);color:#edf4ff;border-radius:10px;padding:7px 13px;font:inherit;cursor:pointer
}
.search-close:hover{background:rgba(104,230,255,.16)}

.category-guidance{margin:0 0 18px;padding:18px 22px;border-radius:16px}
.category-guidance h2{font-size:19px;margin:0 0 8px}
.category-guidance p{margin:0;line-height:1.8;color:var(--muted)}
.category-filter{margin:0 0 18px;padding:18px 20px;border-radius:16px}
.category-filter label{display:block;font-weight:700;margin-bottom:9px}
.category-filter-row{display:flex;gap:10px}
.category-filter-row input{
  min-width:0;flex:1;border:1px solid rgba(112,164,255,.28);border-radius:12px;padding:12px;font:inherit;
  background:rgba(5,11,22,.88);color:var(--text)
}
.category-filter-row input:focus-visible,.category-filter-row button:focus-visible,.searchbox input:focus-visible,.searchbox button:focus-visible,
.search-close:focus-visible,.search-panel input:focus-visible,.search-launch:focus-visible,.nav a:focus-visible,.result:focus-visible,.external-btn:focus-visible{
  outline:3px solid var(--accent);outline-offset:2px
}
.category-filter-row button{padding:10px 18px;cursor:pointer;font:inherit}
.category-filter-status{font-size:14px;color:var(--muted);margin:9px 0 0}.tool-card[hidden]{display:none!important}

:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.search-launch{cursor:pointer}
.search-open{overflow:hidden}
.result:focus-visible{outline-offset:-3px;background:rgba(104,230,255,.12)}
.article{min-width:0;overflow-wrap:anywhere}
.article table{display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.article pre,.article code{overflow-wrap:anywhere}

@media(max-width:980px){
  .category-grid{grid-template-columns:repeat(3,1fr)}
  .tool-grid{grid-template-columns:repeat(2,1fr)}
  .guide-grid{grid-template-columns:repeat(2,1fr)}
  .hero-grid,.content-layout{grid-template-columns:1fr}
  .sidebar{position:static}
  .hero h1{font-size:40px}
  .header-inner{height:auto;min-height:68px;flex-wrap:wrap;gap:10px 16px;padding-block:10px}
  .nav{display:flex;order:3;width:100%;gap:0;justify-content:space-around;border-top:1px solid rgba(109,154,255,.18);padding-top:8px}
  .nav a{padding:6px 12px;min-height:38px;display:inline-flex;align-items:center}
  .search-launch{margin-left:auto}
}
@media(max-width:620px){
  .wrap{width:min(100% - 22px,1180px)}
  .hero{padding-top:34px}
  .hero h1{font-size:33px}
  .hero p{font-size:16px}
  .category-grid{grid-template-columns:repeat(2,1fr)}
  .tool-grid,.guide-grid{grid-template-columns:1fr}
  .search-launch{min-width:0;width:46px;overflow:hidden;white-space:nowrap}
  .page-head h1{font-size:31px}
  .page-head .wrap{padding:20px}
  .article{padding:20px}
  .info-table{grid-template-columns:105px 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .search-overlay{padding:3vh 10px}
  .search-panel{max-height:94vh}
  .search-panel input{font-size:16px}
  .tool-actions{flex-wrap:wrap}
  .article table{font-size:13px}
  .ad-wrap{margin:18px 0}
  .ad-link{border-radius:14px}
  .category-guidance,.category-filter{padding:14px}
  .category-filter-row button{padding:9px 13px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .category-card,.tool-card,.guide-card,.ad-link,.nav a,.search-launch{transition:none!important;transform:none!important}
}



/* V11 brand + homepage sci-fi enhancement */
.brand{display:flex;align-items:center;gap:12px;position:relative}
.brand::before{
  content:"";
  width:34px;height:34px;flex:0 0 34px;border-radius:11px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' y1='6' x2='56' y2='58' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2307101F'/%3E%3Cstop offset='1' stop-color='%23130F32'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='12' y1='10' x2='52' y2='54' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2368E6FF'/%3E%3Cstop offset='1' stop-color='%237E6CFF'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='18' y1='16' x2='42' y2='46' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A7F7FF'/%3E%3Cstop offset='1' stop-color='%2365A9FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='64' height='64' rx='16' fill='url(%23a)'/%3E%3Cpath d='M32 8L50 14V29C50 40 42.7 50.2 32 55C21.3 50.2 14 40 14 29V14L32 8Z' stroke='url(%23b)' stroke-width='2.8' fill='rgba(255,255,255,0.02)'/%3E%3Cpath d='M22 42V21H27.3L37.5 33.2V21H42V42H36.8L26.5 29.7V42H22Z' fill='url(%23c)'/%3E%3Ccircle cx='44.5' cy='19.5' r='2.6' fill='%2368E6FF'/%3E%3C/svg%3E");
  background-size:cover;background-repeat:no-repeat;
  box-shadow:0 0 24px rgba(104,230,255,.16);
}
.brand span{font-weight:900}
.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:34px}
.hero-copy{position:relative;z-index:1}
.hero-title{max-width:760px}
.hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px;padding:0;list-style:none}
.hero-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(104,230,255,.08);border:1px solid rgba(104,230,255,.16);color:#dff5ff;font-size:13px;font-weight:700}
.hero-chip::before{content:"";width:7px;height:7px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 10px rgba(104,230,255,.5)}
.hero-visual{
  position:relative;min-height:380px;padding:22px;border-radius:22px;overflow:hidden;
  background:linear-gradient(180deg, rgba(9,18,35,.88), rgba(7,12,24,.96));
  border:1px solid rgba(104,230,255,.16);box-shadow:var(--glow)
}
.hero-visual::before,.hero-visual::after{content:"";position:absolute;border-radius:999px;filter:blur(12px);opacity:.7;pointer-events:none}
.hero-visual::before{width:150px;height:150px;right:-24px;top:-14px;background:radial-gradient(circle, rgba(104,230,255,.26), transparent 70%)}
.hero-visual::after{width:180px;height:180px;left:-46px;bottom:-54px;background:radial-gradient(circle, rgba(139,93,255,.22), transparent 70%)}
.hero-visual-inner{position:relative;z-index:1;display:grid;gap:16px}
.hero-hud{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hero-hud-brand{display:flex;align-items:center;gap:12px}
.hero-hud-mark{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg, rgba(104,230,255,.16), rgba(139,93,255,.22));border:1px solid rgba(104,230,255,.2);display:grid;place-items:center;box-shadow:inset 0 0 30px rgba(255,255,255,.02),0 0 24px rgba(104,230,255,.08)}
.hero-hud-mark svg{width:40px;height:40px}
.hero-hud-label small{display:block;color:var(--muted);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.hero-hud-label strong{display:block;font-size:20px;color:#fff;margin-top:4px}
.hero-status{padding:7px 12px;border-radius:999px;background:rgba(104,230,255,.09);border:1px solid rgba(104,230,255,.18);color:#d8f6ff;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.hero-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hero-stat{padding:16px 14px;border-radius:16px;background:rgba(8,16,30,.74);border:1px solid rgba(104,230,255,.14)}
.hero-stat strong{display:block;font-size:26px;line-height:1;color:#fff;margin-bottom:6px}
.hero-stat span{display:block;color:#99add3;font-size:13px}
.hero-matrix{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}
.hero-panel-card{padding:16px;border-radius:16px;background:rgba(8,16,30,.72);border:1px solid rgba(104,230,255,.14)}
.hero-panel-card h3{margin:0 0 10px;font-size:16px}
.hero-panel-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.hero-paths{display:grid;gap:8px;margin-top:12px}
.hero-path{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(104,230,255,.06);border:1px solid rgba(104,230,255,.10)}
.hero-path b{font-size:14px}
.hero-path span{font-size:12px;color:#93b8d8}
.hero-scan{position:relative;min-height:100%;overflow:hidden}
.hero-scan::before{content:"";position:absolute;inset:0;border-radius:16px;background-image:linear-gradient(rgba(120,193,255,.08) 1px,transparent 1px),linear-gradient(90deg, rgba(120,193,255,.08) 1px, transparent 1px);background-size:26px 26px;opacity:.5}
.hero-scan::after{content:"";position:absolute;left:0;right:0;top:38%;height:2px;background:linear-gradient(90deg, transparent, rgba(104,230,255,.82), transparent);box-shadow:0 0 18px rgba(104,230,255,.42);animation:scanline 4s linear infinite}
.hero-scan-content{position:relative;z-index:1;display:grid;gap:10px}
.hero-scan-badge{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:8px 10px;border-radius:999px;background:rgba(139,93,255,.10);border:1px solid rgba(139,93,255,.18);font-size:12px;color:#ece6ff}
.hero-scan-list{display:grid;gap:8px;margin-top:8px}
.hero-scan-row{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(8,16,30,.68);border:1px solid rgba(104,230,255,.12)}
.hero-scan-row span{font-size:12px;color:#a4b8dc;text-transform:uppercase;letter-spacing:.04em}
.hero-scan-row b{font-size:14px;color:#fff}
.hero-note.hero-side-note{margin-top:0;padding:16px 18px}
.hero-note.hero-side-note ul{display:grid;gap:8px;padding-left:18px}
@keyframes scanline{0%{transform:translateY(-70px)}100%{transform:translateY(180px)}}
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr}
  .hero-visual{min-height:auto}
}
@media(max-width:620px){
  .brand::before{width:30px;height:30px;flex-basis:30px}
  .hero-chips{gap:8px}
  .hero-chip{font-size:12px;padding:8px 10px}
  .hero-visual{padding:16px}
  .hero-stat-grid,.hero-matrix{grid-template-columns:1fr}
  .hero-hud{align-items:flex-start;flex-direction:column}
}


/* V12: consistent sci-fi identity across first screen, categories and footer */
.hero{isolation:isolate;overflow:hidden}
.hero::before{content:"";position:absolute;z-index:-1;inset:-12% -7% -6%;pointer-events:none;
 background-image:linear-gradient(rgba(97,193,255,.078) 1px,transparent 1px),linear-gradient(90deg,rgba(97,193,255,.078) 1px,transparent 1px);
 background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent 0%,#000 22%,#000 65%,transparent 100%);
 transform:perspective(600px) rotateX(18deg) scale(1.07);transform-origin:50% 70%}
.hero::after{content:"";position:absolute;z-index:-1;left:50%;top:7%;width:min(880px,95vw);height:440px;
 transform:translateX(-50%);pointer-events:none;
 background:radial-gradient(ellipse at 68% 38%,rgba(39,144,248,.17),transparent 54%),radial-gradient(ellipse at 25% 60%,rgba(137,74,245,.12),transparent 65%)}
.hero-visual{isolation:isolate}
.hero-visual-inner{z-index:2}
.hero-visual .hero-hud-mark{position:relative}
.hero-visual::after{content:"";position:absolute;right:-155px;top:-200px;width:530px;height:530px;z-index:0;pointer-events:none;
 border:1px solid rgba(104,230,255,.12);border-radius:50%;box-shadow:0 0 0 45px rgba(104,230,255,.025),0 0 0 90px rgba(139,93,255,.018),inset 0 0 55px rgba(104,230,255,.04)}
.hero-status::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#67e8bd;box-shadow:0 0 10px #67e8bd}
.hero-stat strong{color:#d9faff;text-shadow:0 0 16px rgba(104,230,255,.24)}
/* Decorative heading details, no additional editorial copy */
.page-head .wrap{border-top:1px solid rgba(104,230,255,.35)}
.page-head .wrap::before{content:"";position:absolute;z-index:1;top:0;left:30px;width:120px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2),transparent);box-shadow:0 0 16px rgba(104,230,255,.5)}
.page-head h1{letter-spacing:-.025em;text-wrap:balance}
.category-grid .category-card{position:relative;overflow:hidden}
.category-grid .category-card::after{content:"";position:absolute;right:-22px;top:-22px;width:65px;height:65px;pointer-events:none;border-radius:18px;border:1px solid rgba(104,230,255,.09);transform:rotate(35deg)}
.category-grid .category-card:hover::after{border-color:rgba(104,230,255,.25)}
.about-page .article{position:relative;isolation:isolate;overflow:hidden}
.about-page .article::after{content:"";position:absolute;z-index:-1;right:-125px;top:-150px;width:340px;height:340px;border:1px solid rgba(104,230,255,.13);border-radius:50%;box-shadow:0 0 0 40px rgba(104,230,255,.025),0 0 0 82px rgba(139,93,255,.018);pointer-events:none}
.about-page .article h2{padding-left:15px;border-left:3px solid var(--accent);line-height:1.4}
.footer{position:relative;overflow:hidden;isolation:isolate}
.footer::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
 background-image:linear-gradient(rgba(107,164,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(107,164,255,.06) 1px,transparent 1px);
 background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.footer::after{content:"";position:absolute;z-index:-1;width:540px;height:240px;right:-80px;bottom:-150px;pointer-events:none;background:radial-gradient(ellipse,rgba(86,90,245,.18),transparent 72%)}
.footer-title{position:relative;padding-bottom:9px}
.footer-title::after{content:"";position:absolute;left:0;bottom:0;width:38px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2));opacity:.75}
@media(max-width:620px){.hero::before{background-size:36px 36px;opacity:.65}.hero-visual::after{width:350px;height:350px;right:-210px;top:-150px}.page-head .wrap::before{left:20px}}
@media(prefers-reduced-motion:reduce){.hero-scan::after{animation:none;top:52%}}

/* Interactive homepage HUD links */
a.hero-path,a.hero-scan-row{color:inherit;text-decoration:none;transition:border-color .18s,background .18s,transform .18s}
a.hero-path:hover,a.hero-scan-row:hover{border-color:rgba(104,230,255,.5);background:rgba(104,230,255,.13);transform:translateY(-1px)}
a.hero-path:focus-visible,a.hero-scan-row:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

/* V29: mobile-search viewport and category-filter empty state */
.category-filter-empty{margin:10px 0 0;padding:12px 14px;border:1px solid rgba(112,164,255,.24);border-radius:10px;color:var(--muted);font-size:14px;line-height:1.65}
.category-filter-empty[hidden]{display:none!important}
.search-overlay{height:100vh;height:100dvh;box-sizing:border-box}
.search-panel{max-height:calc(100vh - 16vh);max-height:calc(100dvh - 16vh)}
.results{flex:1;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden}
@media(max-width:980px){
 .search-overlay{padding:10px;overflow:hidden}
 .search-panel{height:100%;max-height:100%;margin:0 auto;border-radius:16px}
 .search-panel input{flex:none}
 .results{max-height:none}
}
@media(max-width:420px){
 .search-overlay{padding:6px}
 .search-panel{border-radius:12px}
 .result{padding:12px 14px}
 .result small{overflow-wrap:anywhere}
}

/* V30: visible keyboard focus for search and category filters. */
.search-panel .result:focus-visible,
.search-panel .search-close:focus-visible,
.search-panel input:focus-visible,
.category-filter input:focus-visible,
.category-filter button:focus-visible {
 outline:3px solid #72e2f4;outline-offset:3px;
}
@media (prefers-reduced-motion: reduce){
 .search-panel .result, .search-panel .search-close {transition:none}
}

/* V34: search index load recovery */
.search-retry{display:inline-flex;align-items:center;min-height:38px;margin:8px 10px 8px 0;padding:7px 14px;border:1px solid var(--accent);border-radius:9px;background:rgba(104,230,255,.12);color:var(--text);font:inherit;font-weight:700;cursor:pointer}
.search-retry:hover{background:rgba(104,230,255,.2)}
.search-error-note{display:block;font-size:13px;line-height:1.7}

/* V43: task entry links with comfortable touch targets and natural wrapping */
.task-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:15px;padding-top:14px;border-top:1px solid rgba(112,164,255,.19)}
.task-shortcuts-label{color:var(--muted);font-size:13px;font-weight:700;margin-right:4px}
.task-shortcut{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:9px 13px;border:1px solid rgba(112,164,255,.34);border-radius:11px;color:#d7f5ff;background:rgba(66,112,179,.12);text-decoration:none;line-height:1.4;overflow-wrap:anywhere}
.task-shortcut:hover{background:rgba(104,230,255,.15);border-color:rgba(104,230,255,.65)}
.task-shortcut:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.category-filter-row button{min-height:44px}
.tool-actions a{display:inline-flex;align-items:center;min-height:42px;box-sizing:border-box;padding-block:7px}
@media(max-width:620px){.task-shortcuts{gap:8px}.task-shortcuts-label{flex-basis:100%}.task-shortcut{flex:1 1 auto;justify-content:center;text-align:center;font-size:14px}}
@media(max-width:360px){.task-shortcut{flex-basis:100%}.category-filter-row{gap:7px}.category-filter-row button{padding-inline:11px}}
@media(prefers-reduced-motion:reduce){.task-shortcut{transition:none}}

/* V44: symptom-first, no-external-service diagnosis */
.diagnose-home{background:linear-gradient(120deg,rgba(33,75,116,.14),rgba(75,47,130,.09))}.diag-home-grid,.diag-notes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.diag-home-grid>a,.diag-notes article,.diagnosis-tool,.diagnosis-aside{border:1px solid rgba(112,164,255,.26);border-radius:16px;background:rgba(27,43,73,.36);padding:20px}.diag-home-grid>a{font-weight:700;color:var(--text);text-decoration:none}.diag-home-grid>a span{display:block;font-size:13px;color:var(--muted);font-weight:400;line-height:1.6;margin-top:8px}.diagnosis-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:22px}.diagnosis-aside{align-self:start}.diagnosis-aside a{display:block;margin:12px 0;color:#b9edff}.diag-options{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.diag-options button{border:1px solid rgba(104,230,255,.4);background:rgba(69,111,176,.15);color:var(--text);border-radius:12px;padding:12px 16px;min-height:48px;cursor:pointer;font:inherit;text-align:left}.diag-options button:hover,.diag-options button[aria-pressed="true"]{background:rgba(104,230,255,.18);border-color:#68e6ff}.diag-options button:focus-visible,.diag-home-grid a:focus-visible,.diag-links a:focus-visible{outline:3px solid #68e6ff;outline-offset:3px}.diag-hint{color:var(--muted)}.diag-followup{padding-top:4px}.diag-result{margin-top:18px}.diag-result section{border:1px solid rgba(104,230,255,.32);border-radius:14px;padding:18px;background:rgba(20,55,85,.34)}.diag-result li{margin:10px 0;line-height:1.75}.diag-links{display:flex;flex-wrap:wrap;gap:10px}.diag-links a,.diag-inline-link a{display:inline-flex;min-height:44px;align-items:center;color:#b9edff;padding:8px 12px;border:1px solid rgba(104,230,255,.28);border-radius:10px;text-decoration:none}.diag-notes{grid-template-columns:repeat(3,minmax(0,1fr))}.diag-notes article p{line-height:1.7}.diag-inline-link{margin-top:16px;margin-bottom:10px}.diag-crosslink{padding:12px 14px;border-left:3px solid #68e6ff;background:rgba(104,230,255,.06)}
@media(max-width:800px){.diagnosis-layout{grid-template-columns:1fr}.diag-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diag-notes{grid-template-columns:1fr}}@media(max-width:520px){.diag-home-grid{grid-template-columns:1fr}.diag-options button{width:100%}.diagnosis-tool,.diagnosis-aside{padding:16px}}

/* V45: diagnostic journey progress and mobile affordances */
.diag-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 8px}.diag-progress{font-size:.9rem;color:#b9edff}.diag-reset{border:1px solid rgba(104,230,255,.5);border-radius:10px;padding:10px 14px;min-height:44px;background:rgba(38,90,125,.3);color:var(--text);cursor:pointer;font:inherit}.diag-reset:focus-visible{outline:3px solid #68e6ff;outline-offset:3px}.diag-reset[hidden]{display:none}.diag-result{scroll-margin-top:80px}.diag-result:empty{display:none}@media(max-width:520px){.diag-toolbar{align-items:stretch}.diag-reset{width:100%}.diag-links a{max-width:100%;overflow-wrap:anywhere}}

/* V46: diagnostics actions and keyboard focus */
.diag-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.diag-share{border:1px solid rgba(104,230,255,.5);border-radius:10px;padding:10px 14px;min-height:44px;background:rgba(38,90,125,.3);color:var(--text);cursor:pointer;font:inherit}.diag-share[hidden]{display:none}.diag-share:focus-visible,.diag-result h3:focus{outline:3px solid #68e6ff;outline-offset:4px}@media(max-width:520px){.diag-actions{width:100%}.diag-share,.diag-actions .diag-reset{width:100%}}

/* Diagnosis decisions: explain what a result means without implying automatic detection */
.diag-evidence{margin:18px 0;padding:12px 16px;background:rgba(104,230,255,.07);border-left:3px solid #68e6ff;border-radius:0 10px 10px 0}
.diag-evidence h4{margin:0 0 7px;font-size:1rem}
.diag-evidence p{margin:0;line-height:1.8;overflow-wrap:anywhere}

/* Diagnostic steps: actionable check list and progress */
.diag-checklist{padding-left:1.5rem}.diag-checklist label{display:flex;gap:12px;align-items:flex-start;cursor:pointer;padding:5px 0}.diag-checklist input{width:20px;height:20px;flex:0 0 20px;margin-top:5px;accent-color:#68e6ff}.diag-checklist input:checked+span{opacity:.76}.diag-check-progress{color:#b9edff;font-size:.92rem;margin:12px 0 18px}.diag-report{border:1px solid rgba(104,230,255,.5);border-radius:10px;padding:10px 14px;min-height:44px;background:rgba(38,90,125,.3);color:var(--text);cursor:pointer;font:inherit}.diag-report[hidden]{display:none}.diag-report:focus-visible,.diag-checklist input:focus-visible{outline:3px solid #68e6ff;outline-offset:3px}@media(max-width:520px){.diag-report{width:100%}}

/* V49: explicit next-step decision and accessible manual copy fallback */
.diag-decision{margin:18px 0;padding:15px;border:1px solid rgba(104,230,255,.3);border-radius:12px;background:rgba(38,90,125,.13)}
.diag-decision-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.diag-decision-actions button{font:inherit;color:var(--text);border:1px solid rgba(104,230,255,.45);border-radius:10px;background:rgba(38,90,125,.3);min-height:44px;padding:9px 15px;cursor:pointer}
.diag-decision-actions button[aria-pressed="true"]{background:rgba(104,230,255,.2);border-color:#68e6ff}
.diag-decision-actions button:focus-visible,.diag-report:focus-visible,.diag-manual-copy:focus-visible{outline:3px solid #68e6ff;outline-offset:3px}
.diag-decision-feedback{line-height:1.7}
.diag-manual-copy{display:block;width:100%;min-height:190px;box-sizing:border-box;margin-top:14px;padding:12px;background:rgba(13,29,50,.9);color:var(--text);border:1px solid rgba(104,230,255,.45);border-radius:10px;font:inherit;line-height:1.6}
.diag-manual-copy[hidden]{display:none!important}
@media(max-width:520px){.diag-decision-actions button{width:100%}}

/* 诊断结果分流 */
.diag-next-actions{margin:1.1rem 0;padding:1rem;border:1px solid rgba(61,207,220,.28);border-radius:14px;background:rgba(17,45,66,.35)}
.diag-next-actions h4{margin:0 0 .7rem}.diag-next-actions .diag-decision-actions{display:flex;flex-wrap:wrap;gap:.65rem}.diag-next-actions button{min-height:44px;max-width:100%;white-space:normal;text-align:left}.diag-next-actions button[aria-pressed="true"]{border-color:#55e6e0;background:rgba(48,176,190,.2)}.diag-next-detail:not(:empty){margin:.85rem 0 0;line-height:1.7}

/* V51 - adaptive ad placements and immediate website CTA */
.ad-wrap{min-width:0;margin:20px 0 24px}
.ad-native{display:flex;gap:20px;align-items:center;justify-content:space-between;min-width:0;min-height:136px;padding:20px 26px;border:1px solid rgba(104,230,255,.32);border-radius:18px;background:radial-gradient(circle at 88% 20%,rgba(139,93,255,.23),transparent 42%),linear-gradient(120deg,#091628,#0a1935 70%,#10122c);box-shadow:0 14px 32px rgba(0,0,0,.25);text-decoration:none;color:#effaff;transition:box-shadow .18s,border-color .18s}
.ad-native:hover,.ad-native:focus-visible{border-color:#68e6ff;box-shadow:0 0 0 2px rgba(104,230,255,.23),0 16px 32px rgba(0,0,0,.32)}
.ad-native__body{min-width:0;flex:1}
.ad-native__name{font-size:clamp(21px,2.5vw,31px);font-weight:900;letter-spacing:.02em;line-height:1.25}
.ad-native__desc{font-size:15px;font-weight:650;color:#d4e4ff;margin-top:9px;line-height:1.5}
.ad-native__sub{font-size:12px;color:#9fbae0;margin-top:5px}
.ad-native__right{display:flex;align-items:center;gap:14px;flex-shrink:0}
.ad-native__right img{width:72px;height:72px;object-fit:contain}
.ad-native__cta{display:inline-flex;justify-content:center;align-items:center;border-radius:999px;padding:11px 21px;min-height:44px;font-size:14px;font-weight:800;background:linear-gradient(115deg,#119de7,#8462fc);color:#fff;white-space:nowrap}
.ad-wrap--side{margin:14px 0}.ad-wrap--side .ad-native{min-height:0;padding:18px;display:flex;flex-direction:column;align-items:stretch;gap:12px}
.ad-wrap--side .ad-native__name{font-size:21px}
.ad-wrap--side .ad-native__desc{font-size:13px;margin-top:6px}
.ad-wrap--side .ad-native__sub{font-size:11px}
.ad-wrap--side .ad-native__right{justify-content:space-between;gap:8px}
.ad-wrap--side .ad-native__right img{width:48px;height:48px}
.ad-wrap--side .ad-native__cta{padding:10px 14px;font-size:13px}
.site-official{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}
.site-official__url{overflow-wrap:anywhere;min-width:0;flex:1 1 120px}
.info-table .site-official{padding:0}
.info-table .external-btn--inline{margin:0;min-height:40px;white-space:nowrap;padding:8px 14px;font-size:13px;text-decoration:none}
@media(max-width:760px){.ad-native{padding:17px;gap:10px;min-height:126px}.ad-native__name{font-size:22px}.ad-native__desc{font-size:13px}.ad-native__right{gap:10px}.ad-native__right img{width:48px;height:48px}.ad-native__cta{font-size:12px;padding:9px 13px}}
@media(max-width:500px){.ad-native{align-items:stretch;flex-direction:column}.ad-native__right{justify-content:space-between}.ad-native__right img{width:46px;height:46px}.ad-native__cta{min-height:44px;min-width:130px}.ad-wrap--side .ad-native{padding:16px}}

/* V52: all placements use legible native layout, never scale text in an SVG. */
.ad-wrap--wide .ad-native{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(190px,.9fr) auto;align-items:center;column-gap:clamp(18px,3vw,44px);min-height:122px;padding:19px clamp(18px,3vw,34px)}
.ad-wrap--wide .ad-native__features{display:flex;flex-wrap:wrap;gap:8px;align-content:center;justify-content:center;min-width:0}
.ad-native__features span{font-size:12px;font-weight:700;line-height:1.3;padding:9px 11px;border:1px solid rgba(104,230,255,.21);border-radius:999px;color:#b9e8fb;background:rgba(24,104,159,.14);white-space:nowrap}
.ad-wrap--wide .ad-native__right{justify-content:flex-end;gap:14px}
.ad-wrap--wide .ad-native__name{font-size:clamp(21px,2.1vw,27px)}
.ad-wrap--wide .ad-native__desc{font-size:14px;margin-top:7px}
.ad-wrap--wide .ad-native__sub{margin-top:3px}
.ad-wrap--side .ad-native__right{flex-wrap:wrap}
@media(max-width:1000px){.ad-wrap--wide .ad-native{grid-template-columns:minmax(200px,1fr) auto;row-gap:10px}.ad-wrap--wide .ad-native__features{grid-column:1/-1;grid-row:2;justify-content:flex-start}.ad-wrap--wide .ad-native__right{grid-column:2;grid-row:1}}
@media(max-width:620px){.ad-wrap--wide .ad-native{grid-template-columns:1fr auto;column-gap:10px;padding:16px}.ad-wrap--wide .ad-native__features{grid-column:1/-1;grid-row:3;justify-content:flex-start}.ad-wrap--wide .ad-native__right{grid-column:2;grid-row:1/3;flex-direction:column;gap:6px}.ad-wrap--wide .ad-native__right img{width:52px;height:52px}.ad-wrap--wide .ad-native__name{font-size:23px}.ad-wrap--wide .ad-native__cta{font-size:12px;padding:9px 12px;min-height:40px}.ad-native__features span{font-size:11px;padding:7px 9px}}
@media(max-width:360px){.ad-wrap--wide .ad-native{grid-template-columns:1fr}.ad-wrap--wide .ad-native__right{grid-column:1;grid-row:2;flex-direction:row;justify-content:space-between}.ad-wrap--wide .ad-native__features{grid-row:3}}