/*
Theme Name: XOSH Tech
Theme URI: https://www.xosh.cn
Author: XOSH
Description: XOSH 定制科技官网主题，支持媒体库视觉、产品展示、知识库与浮动音乐播放器。
Version: 1.0.0
Requires at least: 6.8
Requires PHP: 8.1
Text Domain: xosh-tech
*/

:root{--x-blue:#06f;--x-ink:#050505;--x-muted:#666b73;--x-line:#e7e9ed;--x-soft:#f3f4f6;--x-white:#fff;--x-max:1440px;--x-radius:28px;--x-nav:72px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--x-ink);font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}body.admin-bar .x-header{top:32px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.x-wrap{width:min(calc(100% - 64px),var(--x-max));margin-inline:auto}.x-header{position:fixed;z-index:1000;top:0;left:0;right:0;height:var(--x-nav);background:rgba(255,255,255,.9);border-bottom:1px solid rgba(0,0,0,.06);backdrop-filter:blur(18px);display:flex;align-items:center}.x-nav{display:flex;align-items:center;justify-content:space-between;height:100%}.x-brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;letter-spacing:.08em}.x-logo{width:34px;height:34px;object-fit:contain}.x-menu{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:600}.x-menu ul{display:flex;list-style:none;gap:32px;margin:0;padding:0}.x-menu a{position:relative}.x-menu a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--x-blue);transition:right .25s}.x-menu a:hover:after{right:0}.x-nav-cta,.x-button{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 24px;border-radius:999px;background:var(--x-blue);color:#fff;font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s}.x-nav-cta:hover,.x-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,102,255,.25)}.x-button--ghost{background:#fff;color:#111;border:1px solid #d9dce1;box-shadow:none}.x-mobile-toggle{display:none;border:0;background:transparent;padding:8px}.x-mobile-toggle span{display:block;width:22px;height:2px;background:#111;margin:5px}.x-main{padding-top:var(--x-nav)}.x-hero{position:relative;min-height:calc(100svh - var(--x-nav));display:grid;align-items:center;overflow:hidden;background:#edf0f4}.x-hero-media{position:absolute;inset:0}.x-hero-media img{width:100%;height:100%;object-fit:cover}.x-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,246,248,.97) 0%,rgba(244,246,248,.78) 35%,rgba(244,246,248,0) 67%)}.x-hero-content{position:relative;z-index:2;max-width:650px;padding-block:80px}.x-eyebrow{font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--x-blue);margin-bottom:22px}.x-hero h1{font-size:clamp(50px,5.3vw,86px);line-height:1.04;letter-spacing:-.055em;margin:0 0 24px;font-weight:800}.x-hero p{font-size:clamp(18px,1.5vw,24px);line-height:1.65;color:#4a4f57;max-width:580px;margin:0 0 34px}.x-actions{display:flex;gap:14px;flex-wrap:wrap}.x-section{padding:120px 0}.x-section--soft{background:var(--x-soft)}.x-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:46px}.x-heading h2{font-size:clamp(38px,4vw,64px);letter-spacing:-.045em;line-height:1.08;margin:0}.x-heading p{max-width:520px;margin:0;color:var(--x-muted);font-size:17px;line-height:1.7}.x-showcase{position:relative;min-height:700px;border-radius:var(--x-radius);overflow:hidden;background:#e8ebef}.x-showcase img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.x-showcase:hover img{transform:scale(1.025)}.x-showcase:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(243,245,247,.96),rgba(243,245,247,.64) 38%,transparent 68%)}.x-showcase-copy{position:relative;z-index:2;width:min(520px,55%);padding:80px}.x-kicker{font-size:14px;color:var(--x-blue);font-weight:800;letter-spacing:.12em}.x-showcase h3{font-size:clamp(42px,4.6vw,70px);line-height:1.04;letter-spacing:-.05em;margin:18px 0}.x-showcase p{font-size:18px;line-height:1.7;color:#565b63}.x-link{display:inline-flex;align-items:center;gap:8px;color:var(--x-blue);font-weight:700;margin-top:12px}.x-link:after{content:"→";transition:transform .25s}.x-link:hover:after{transform:translateX(5px)}.x-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.x-card{background:#fff;border:1px solid var(--x-line);border-radius:22px;padding:38px;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s,box-shadow .3s}.x-card:hover{transform:translateY(-6px);box-shadow:0 22px 60px rgba(0,0,0,.08)}.x-card-index{font-size:12px;letter-spacing:.14em;color:var(--x-blue);font-weight:800}.x-card h3{font-size:30px;letter-spacing:-.035em;margin:50px 0 12px}.x-card p{color:var(--x-muted);line-height:1.7;margin:0}.x-knowledge{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.x-article-card{border-top:1px solid #cfd3d9;padding:26px 4px;min-height:230px;display:flex;flex-direction:column}.x-article-card time{font-size:12px;color:#8a8f96}.x-article-card h3{font-size:23px;line-height:1.35;margin:28px 0 12px}.x-article-card p{color:var(--x-muted);line-height:1.65}.x-cta{background:#080808;color:#fff;border-radius:var(--x-radius);padding:84px;display:flex;justify-content:space-between;align-items:center;gap:50px}.x-cta h2{font-size:clamp(38px,4vw,62px);letter-spacing:-.045em;margin:0}.x-footer{background:#080808;color:#fff;padding:72px 0 30px}.x-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.x-footer h4{font-size:13px;color:#858a91;margin:0 0 20px}.x-footer ul{list-style:none;padding:0;margin:0}.x-footer li{margin:12px 0}.x-footer a{color:#d4d6d9;font-size:14px}.x-footer-brand p{color:#858a91;line-height:1.7;max-width:360px}.x-footer-bottom{border-top:1px solid #272727;margin-top:54px;padding-top:24px;color:#777;font-size:12px;display:flex;justify-content:space-between}.x-page{padding:100px 0 120px}.x-page-header{max-width:900px;margin-bottom:72px}.x-page-header h1{font-size:clamp(48px,6vw,88px);line-height:1.05;letter-spacing:-.055em;margin:0 0 24px}.x-entry{font-size:18px;line-height:1.8;max-width:900px}.x-entry h2{font-size:38px;margin-top:60px}.x-player{position:fixed;z-index:900;right:24px;bottom:24px;background:rgba(8,8,8,.92);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:10px 16px 10px 10px;display:flex;align-items:center;gap:12px;box-shadow:0 14px 44px rgba(0,0,0,.28);backdrop-filter:blur(16px)}.x-player button{width:36px;height:36px;border-radius:50%;border:0;background:#fff;color:#000;cursor:pointer}.x-player-title{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.x-reveal{opacity:0;transform:translateY(24px);transition:opacity .75s,transform .75s}.x-reveal.is-visible{opacity:1;transform:none}@media(max-width:900px){body.admin-bar .x-header{top:46px}.x-wrap{width:min(calc(100% - 36px),var(--x-max))}.x-menu{display:none;position:absolute;top:var(--x-nav);left:0;right:0;background:#fff;padding:28px 22px;border-top:1px solid #eee}.x-menu.is-open{display:block}.x-menu ul{display:block}.x-menu li{margin:20px 0}.x-nav-cta{display:none}.x-mobile-toggle{display:block}.x-hero{min-height:780px;align-items:end}.x-hero:after{background:linear-gradient(0deg,rgba(244,246,248,.98) 0%,rgba(244,246,248,.82) 48%,rgba(244,246,248,.05) 76%)}.x-hero-media img{object-position:65% center}.x-hero-content{padding:52px 0}.x-hero h1{font-size:50px}.x-section{padding:78px 0}.x-heading{display:block}.x-heading p{margin-top:20px}.x-showcase{min-height:680px}.x-showcase:after{background:linear-gradient(0deg,rgba(243,245,247,.98),rgba(243,245,247,.75) 48%,transparent 76%)}.x-showcase-copy{width:100%;padding:48px 30px;position:absolute;bottom:0}.x-grid,.x-knowledge{grid-template-columns:1fr}.x-cta{padding:48px 30px;display:block}.x-cta .x-button{margin-top:28px}.x-footer-grid{grid-template-columns:1fr 1fr}.x-footer-brand{grid-column:1/-1}.x-footer-bottom{display:block}.x-player{right:14px;bottom:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.x-reveal{opacity:1;transform:none}}