:root{
--welcomehthsp-bg:#070b14;
--welcomehthsp-fg:#eef3ff;
--welcomehthsp-muted:#94a6c8;
--welcomehthsp-line:rgba(228,228,231,.18);
--welcomehthsp-accent:#3b82f6;
--welcomehthsp-accent-2:#ff4fd8;
--welcomehthsp-chrome:#e4e4e7;
--welcomehthsp-gap:32px;
--welcomehthsp-radius:24px;
--welcomehthsp-shadow:0 20px 50px rgba(59,130,246,.28);
--welcomehthsp-font:"Segoe UI","Microsoft YaHei",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(1200px 620px at 12% -10%,rgba(59,130,246,.30),transparent 62%),radial-gradient(900px 520px at 92% 0%,rgba(255,79,216,.16),transparent 58%),var(--welcomehthsp-bg);color:var(--welcomehthsp-fg);font-family:var(--welcomehthsp-font);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.25}
p{margin:0 0 14px}
ul{margin:0;padding:0;list-style:none}
.welcomehthsp-header{position:sticky;top:0;z-index:30;background:rgba(7,11,20,.84);backdrop-filter:blur(16px);border-bottom:1px solid var(--welcomehthsp-line)}
.welcomehthsp-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1180px;margin:0 auto;padding:14px 24px}
.welcomehthsp-brand{font-size:18px;font-weight:700;letter-spacing:.08em;background:linear-gradient(120deg,var(--welcomehthsp-chrome),var(--welcomehthsp-accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.welcomehthsp-brand:hover{filter:brightness(1.2)}
.nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.nav-links a{padding:7px 12px;border-radius:999px;font-size:15px;color:var(--welcomehthsp-muted);transition:color .22s ease,background .22s ease,transform .22s ease}
.nav-links a:hover{color:#fff;background:rgba(59,130,246,.24);transform:translateY(-1px)}
.nav-links a:focus-visible{outline:2px solid var(--welcomehthsp-accent-2);outline-offset:2px}
.welcomehthsp-shell{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}
.welcomehthsp-main{padding-top:var(--welcomehthsp-gap)}
.welcomehthsp-block{margin-bottom:var(--welcomehthsp-gap)}
.welcomehthsp-block-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.welcomehthsp-block-title{font-size:24px;color:#fff}
.welcomehthsp-block-title::before{content:"";display:inline-block;width:8px;height:22px;margin-right:12px;vertical-align:-3px;border-radius:4px;background:linear-gradient(180deg,var(--welcomehthsp-chrome),var(--welcomehthsp-accent))}
.welcomehthsp-lead{color:var(--welcomehthsp-muted);font-size:15px;margin:0 0 18px;max-width:760px}
.welcomehthsp-hero{position:relative;overflow:hidden;border-radius:32px;padding:56px 48px;margin-bottom:var(--welcomehthsp-gap);background:linear-gradient(150deg,rgba(228,228,231,.18),rgba(59,130,246,.36) 55%,rgba(255,79,216,.20));box-shadow:var(--welcomehthsp-shadow)}
.welcomehthsp-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.26;z-index:0}
.welcomehthsp-hero-inner{position:relative;z-index:1;max-width:820px}
.welcomehthsp-hero-thumb{width:128px;height:128px;object-fit:cover;border-radius:28px;margin-bottom:22px;box-shadow:0 14px 34px rgba(59,130,246,.5)}
.welcomehthsp-hero h1{font-size:34px;margin-bottom:18px;color:#fff;text-shadow:0 6px 24px rgba(6,12,26,.7)}
.welcomehthsp-hero p{font-size:18px;color:rgba(238,243,255,.92);margin-bottom:12px}
.welcomehthsp-hero p:last-child{margin-bottom:0}
.welcomehthsp-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.welcomehthsp-tile{background:linear-gradient(155deg,rgba(228,228,231,.16),rgba(59,130,246,.30));border-radius:var(--welcomehthsp-radius);padding:28px;box-shadow:0 16px 36px rgba(9,18,38,.55);transition:transform .26s ease,box-shadow .26s ease}
.welcomehthsp-tile h3{font-size:18px;color:#fff;margin-bottom:10px}
.welcomehthsp-tile p{font-size:15px;color:rgba(238,243,255,.86);margin:0}
.welcomehthsp-tile-wide{grid-column:span 2}
.welcomehthsp-tile:first-child{background:linear-gradient(140deg,rgba(228,228,231,.28),rgba(59,130,246,.52))}
.welcomehthsp-tile:nth-child(even){background:linear-gradient(160deg,rgba(228,228,231,.12),rgba(255,79,216,.22))}
.welcomehthsp-tile:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(59,130,246,.46)}
.welcomehthsp-news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.welcomehthsp-news{display:flex;flex-direction:column;padding:26px;border-radius:var(--welcomehthsp-radius);background:linear-gradient(160deg,rgba(228,228,231,.12),rgba(59,130,246,.26));box-shadow:0 16px 38px rgba(9,18,38,.5);transition:transform .26s ease,box-shadow .26s ease}
.welcomehthsp-news:hover{transform:translateY(-4px);box-shadow:0 24px 52px rgba(59,130,246,.42)}
.welcomehthsp-news-title{font-size:18px;color:#fff;margin-bottom:10px}
.welcomehthsp-news-title a:hover{color:var(--welcomehthsp-accent-2)}
.welcomehthsp-news-meta{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.welcomehthsp-tag{display:inline-block;padding:2px 10px;border-radius:999px;font-size:15px;color:#08101f;background:linear-gradient(120deg,var(--welcomehthsp-chrome),var(--welcomehthsp-accent))}
.welcomehthsp-date{font-size:15px;color:var(--welcomehthsp-muted)}
.welcomehthsp-news-text{font-size:15px;color:rgba(238,243,255,.86);margin:0 0 16px}
.welcomehthsp-news-foot{display:flex;justify-content:flex-end;align-items:flex-end;margin-top:auto}
.welcomehthsp-news-thumb{width:88px;height:88px;object-fit:cover;border-radius:20px;box-shadow:0 12px 26px rgba(59,130,246,.42)}
.welcomehthsp-prose{max-width:900px}
.welcomehthsp-prose p{font-size:15px;color:rgba(238,243,255,.9)}
.welcomehthsp-prose p:first-child{font-size:18px;color:#fff}
.welcomehthsp-panel{display:grid;grid-template-columns:1.35fr .65fr;gap:24px;align-items:start}
.welcomehthsp-figure{border-radius:var(--welcomehthsp-radius);overflow:hidden;box-shadow:0 20px 46px rgba(59,130,246,.34)}
.welcomehthsp-figure img{width:100%;height:100%;object-fit:cover;border-radius:var(--welcomehthsp-radius)}
.welcomehthsp-figure figcaption{font-size:15px;color:var(--welcomehthsp-muted);padding:10px 4px 0}
.welcomehthsp-faq{display:grid;gap:16px}
.welcomehthsp-faq-card{padding:18px 22px;border-radius:8px;background:rgba(228,228,231,.07);box-shadow:inset 0 0 0 1px rgba(228,228,231,.14);transition:background .24s ease,box-shadow .24s ease}
.welcomehthsp-faq-card summary{cursor:pointer;font-size:18px;font-weight:700;color:#fff;list-style:none;outline:none}
.welcomehthsp-faq-card summary::-webkit-details-marker{display:none}
.welcomehthsp-faq-card summary::after{content:"+";float:right;color:var(--welcomehthsp-accent-2);font-weight:700}
.welcomehthsp-faq-card[open] summary::after{content:"−"}
.welcomehthsp-faq-card p{margin:12px 0 0;font-size:15px;color:rgba(238,243,255,.86)}
.welcomehthsp-faq-card:hover{background:rgba(59,130,246,.18);box-shadow:inset 0 0 0 1px rgba(59,130,246,.5)}
.welcomehthsp-faq-card:focus-within{box-shadow:inset 0 0 0 1px var(--welcomehthsp-accent-2)}
.welcomehthsp-app{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding:32px;border-radius:var(--welcomehthsp-radius);background:linear-gradient(140deg,rgba(228,228,231,.14),rgba(59,130,246,.32));box-shadow:var(--welcomehthsp-shadow)}
.welcomehthsp-app h2{font-size:24px;color:#fff;margin-bottom:12px}
.welcomehthsp-app p{font-size:15px;color:rgba(238,243,255,.88)}
.welcomehthsp-app img{width:100%;border-radius:var(--welcomehthsp-radius);box-shadow:0 18px 40px rgba(9,18,38,.55)}
.welcomehthsp-btn{display:inline-block;padding:12px 28px;border-radius:999px;font-size:15px;font-weight:700;color:#08101f;background:linear-gradient(120deg,var(--welcomehthsp-chrome),var(--welcomehthsp-accent));box-shadow:0 12px 28px rgba(59,130,246,.45);transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.welcomehthsp-btn:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(255,79,216,.42);filter:brightness(1.06)}
.welcomehthsp-btn:active{transform:translateY(0);filter:brightness(.92)}
.welcomehthsp-btn:focus-visible{outline:2px solid var(--welcomehthsp-accent-2);outline-offset:3px}
.welcomehthsp-cta{padding:36px;border-radius:var(--welcomehthsp-radius);background:linear-gradient(120deg,rgba(59,130,246,.42),rgba(228,228,231,.16));box-shadow:var(--welcomehthsp-shadow);text-align:center}
.welcomehthsp-cta h2{font-size:24px;margin-bottom:12px;color:#fff}
.welcomehthsp-cta p{font-size:18px;color:rgba(238,243,255,.9);max-width:720px;margin:0 auto 20px}
.welcomehthsp-footer{margin-top:48px;border-top:1px solid var(--welcomehthsp-line);background:rgba(7,11,20,.72);padding:36px 24px 22px}
.welcomehthsp-footer-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.welcomehthsp-footer-inner h3{font-size:18px;color:#fff;margin-bottom:10px}
.welcomehthsp-footer-inner p{font-size:15px;color:var(--welcomehthsp-muted);margin:0 0 8px}
.welcomehthsp-footer-inner a:hover{color:var(--welcomehthsp-accent-2)}
.welcomehthsp-footer-bottom{max-width:1180px;margin:24px auto 0;padding-top:16px;border-top:1px solid var(--welcomehthsp-line);font-size:15px;color:var(--welcomehthsp-muted);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
@media (max-width:1024px){
.welcomehthsp-nav{flex-direction:column;align-items:flex-start;gap:12px}
.welcomehthsp-hero{padding:44px 28px}
.welcomehthsp-matrix{grid-template-columns:repeat(2,1fr)}
.welcomehthsp-news-grid{grid-template-columns:1fr}
.welcomehthsp-panel{grid-template-columns:1fr}
.welcomehthsp-app{grid-template-columns:1fr}
.welcomehthsp-footer-inner{grid-template-columns:1fr}
}
@media (max-width:720px){
.welcomehthsp-shell{padding:0 16px}
.welcomehthsp-hero h1{font-size:24px}
.welcomehthsp-hero p{font-size:15px}
.welcomehthsp-matrix{grid-template-columns:1fr}
.welcomehthsp-tile-wide{grid-column:span 1}
.nav-links a{padding:6px 9px}
.welcomehthsp-block-title{font-size:18px}
.welcomehthsp-news{padding:20px}
.welcomehthsp-cta{padding:24px}
}