:root{--color-primary:#1a3a6e;--color-accent:#38bdf8;--color-gold:#f5c842;--color-purple:#7b2fff;--color-dark:#080f1e;--color-letterbox:#000;--color-glass:rgba(8,20,50,.52);--color-glass-border:rgba(0,212,255,.22);--font-main:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--radius-card:14px;--transition:.3s cubic-bezier(.4,0,.2,1);--section-gap:clamp(16px,3vmin,48px);--scale-unit:min(1vw,1vh)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--color-letterbox);color:#e8f0fe;font-family:var(--font-main);height:100%;-webkit-font-smoothing:antialiased;overflow:hidden}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:3px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:1}}.screen-root{align-items:center;background:var(--color-letterbox);display:flex;height:100vh;height:100dvh;justify-content:center;overflow:hidden;position:relative;width:100vw}.screen-root:before{background-image:url(../9b20.png);background-position:50%;background-size:cover;content:"";filter:brightness(.88) saturate(1.04);inset:0;position:absolute;z-index:0}.screen-stage{height:100%;z-index:1}.hero,.screen-stage{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.hero{flex-direction:column;max-width:1080px;min-height:100vh;min-height:100dvh;padding:clamp(16px,3vmin,60px) clamp(10px,2vmin,30px)}.hero__bg{display:none}.hero__overlay{background:transparent;inset:0;position:fixed;z-index:1}.hero__content{flex-direction:column;max-width:960px;padding:0 20px;position:relative;z-index:2}.hero__content,.site-header{align-items:center;display:flex;width:100%}.site-header{animation:fadeInUp .7s ease both;justify-content:space-between;margin-bottom:var(--section-gap);padding:22px 0}.site-logo{align-items:center;display:flex;gap:14px}.site-logo__img{display:block;height:clamp(40px,8vmin,100px);width:auto}.site-logo__text{color:#fff;font-size:clamp(20px,1.5vw,30px);font-weight:700;letter-spacing:1px;line-height:1;white-space:nowrap}.header-nav{align-items:center;display:flex;gap:28px}.header-nav__link{align-items:center;color:#e5e7eb;display:inline-flex;font-size:17px;font-weight:500;letter-spacing:.5px;min-height:44px;padding:6px 8px;position:relative;transition:color var(--transition)}.header-nav__link:after{background:var(--color-accent);bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width var(--transition);width:0}.hero-title{animation:fadeInUp .8s ease .1s both;margin-bottom:var(--section-gap);text-align:center}.hero-title__sub{font-size:clamp(12px,2.5vmin,30px)}.hero-title__main,.hero-title__sub{margin-bottom:clamp(8px,2vmin,32px)}.hero-title__main{font-size:clamp(24px,8vmin,100px)}.hero-title__desc{font-size:clamp(12px,2.5vmin,32px)}.hero-title__sub{color:#38bdf8;font-size:clamp(16px,3vw,30px);font-weight:500;letter-spacing:2px;margin-bottom:clamp(16px,3vw,32px);text-shadow:0 0 20px rgba(56,189,248,.5),0 2px 8px rgba(0,0,0,.6);text-transform:uppercase}.hero-title__main{color:#fff;font-size:clamp(32px,10vw,100px);font-weight:900;letter-spacing:-1px;line-height:1.2;margin-bottom:clamp(16px,3vw,32px);text-shadow:0 2px 8px rgba(0,0,0,.5)}.hero-title__highlight{color:#38bdf8}.hero-title__desc{color:#fff;font-size:clamp(14px,3vw,32px);font-weight:400;line-height:1.9;margin:0 auto;max-width:900px;text-shadow:0 0 15px hsla(0,0%,100%,.3),0 2px 8px rgba(0,0,0,.6)}.cards-section{margin-bottom:var(--section-gap);width:100%}.cards-section__label{color:#fff;font-size:clamp(11px,2vmin,24px);letter-spacing:2px;margin-bottom:clamp(8px,2vmin,32px);text-align:center;text-shadow:0 0 15px hsla(0,0%,100%,.3),0 2px 8px rgba(0,0,0,.6)}.cards-grid{display:grid;gap:clamp(2px,.5vmin,6px);grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:min(85vw,600px);position:relative}.nav-card:first-child{clip-path:polygon(0 0,100% 0,100% 85%,85% 100%,0 100%)}.nav-card:nth-child(2){clip-path:polygon(0 0,100% 0,100% 100%,15% 100%,0 85%)}.nav-card:nth-child(3){clip-path:polygon(0 0,100% 0,100% 100%,85% 100%,70% 85%,30% 85%,15% 100%,0 100%);grid-column:1/-1}.nav-card:nth-child(4){clip-path:polygon(0 0,85% 0,100% 15%,100% 100%,0 100%)}.nav-card:nth-child(5){clip-path:polygon(15% 0,100% 0,100% 100%,0 100%,0 15%)}@media(max-width:600px){.cards-grid{max-width:min(92vw,600px)}}.nav-card{animation:fadeInUp .6s ease both;backdrop-filter:blur(50px) saturate(2.5) brightness(1.15);-webkit-backdrop-filter:blur(50px) saturate(2.5) brightness(1.15);background:linear-gradient(135deg,#ffffff1f,#ffffff0f 40%,#ffffff17);border-color:hsla(0,0%,100%,.25) hsla(0,0%,100%,.18) hsla(0,0%,100%,.18) hsla(0,0%,100%,.22);border-radius:clamp(8px,1.5vmin,14px);border-style:solid;border-width:1.5px;box-shadow:0 8px 32px #0000004d,0 2px 8px #00000026,inset 0 0 0 1px #ffffff0d,inset 0 2px 4px #ffffff26,inset 0 -2px 4px #ffffff14,inset 2px 0 4px #ffffff0f,inset -2px 0 4px #ffffff0f;color:inherit;cursor:pointer;display:block;min-height:clamp(80px,18vmin,240px);overflow:hidden;position:relative;text-decoration:none;transition:all var(--transition)}.nav-card:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 30%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,.4) 70%,transparent);border-radius:50%;content:"";height:1px;left:10%;pointer-events:none;position:absolute;right:10%;top:0;z-index:10}.nav-card:hover{background:linear-gradient(135deg,#ffffff2e,#ffffff1a 40%,#ffffff24);box-shadow:0 12px 40px #00000059,0 4px 12px #0003,inset 0 0 0 1px #ffffff1a,inset 0 3px 6px #fff3,inset 0 -2px 4px #ffffff1a,inset 3px 0 4px #ffffff14,inset -3px 0 4px #ffffff14;transform:translateY(-2px)}.nav-card__body{padding:clamp(8px,1.5vmin,14px);position:relative;z-index:2}.nav-card__body,.nav-card__title{align-items:center;display:flex;height:100%;justify-content:center}.nav-card__title{color:#fff;flex-direction:column;text-align:center;width:100%}.nav-card__title--double{transform:translateY(-21px)}.nav-card__title-line--first{font-size:clamp(10px,2.2vmin,28px);font-weight:700;line-height:clamp(16px,3.5vmin,48px)}.nav-card__title-line--second{font-size:clamp(10px,2.5vmin,32px);font-weight:700;line-height:clamp(16px,3.5vmin,48px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-card__title-line--extra{font-size:clamp(10px,2.2vmin,28px);font-weight:700;line-height:clamp(14px,3vmin,42px)}.nav-card:active{background:linear-gradient(135deg,#ffffff26,#ffffff14 40%,#ffffff1c);box-shadow:0 6px 24px #00000040,0 2px 6px #00000026,inset 0 0 0 1px #ffffff14,inset 0 2px 4px #ffffff1f,inset 0 -1px 3px #ffffff0f;transform:translateY(0)}.nav-card:focus,.nav-card:focus-visible{outline:none}.nav-card:first-child{animation-delay:.2s}.nav-card:nth-child(2){animation-delay:.3s}.nav-card:nth-child(3){animation-delay:.4s}.nav-card:nth-child(4){animation-delay:.5s}.nav-card:nth-child(5){animation-delay:.6s}.site-footer{color:#fff;font-size:clamp(12px,2vmin,20px);letter-spacing:1px;padding:var(--section-gap) clamp(10px,2vmin,20px) clamp(8px,1.5vmin,16px);position:relative;text-align:center;text-shadow:0 0 15px hsla(0,0%,100%,.3),0 2px 8px rgba(0,0,0,.6);z-index:2}.placeholder-page{align-items:center;background:radial-gradient(ellipse at 50% 0,rgba(0,100,200,.18),transparent 70%),var(--color-dark);display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:100vh;padding:40px 24px}.placeholder-page__icon{animation:float 3s ease-in-out infinite;background:#00d4ff12;border:1px solid var(--color-glass-border);border-radius:6px;color:var(--color-accent);font-size:11px;font-weight:700;letter-spacing:4px;padding:10px 24px;text-transform:uppercase}.placeholder-page__title{color:#fff;font-size:2.2rem;font-weight:700;text-align:center}.placeholder-page__sub{color:#e8f0fe73;font-size:14px;font-weight:300;line-height:1.9;max-width:400px;text-align:center}.placeholder-page__badge{background:#00d4ff14;border:1px solid var(--color-glass-border);border-radius:20px;color:var(--color-accent);font-size:12px;padding:7px 18px}.btn-back{align-items:center;background:linear-gradient(135deg,var(--color-accent),var(--color-purple));border:1px solid var(--color-accent);border-radius:40px;color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:11px 26px}.btn-back:hover{transform:translateY(-2px)}.btn-back:active{transform:translateY(0)}@media(hover:hover){.header-nav__link:hover{color:#fff}.header-nav__link:hover:after{width:100%}.nav-card:hover{background:linear-gradient(135deg,#ffffff26,#ffffff0d);border-color:var(--color-accent);box-shadow:0 0 24px #38bdf859,inset 0 0 12px #38bdf826,0 16px 32px #00000080;transform:translateY(-4px)}}@media(hover:none)and (pointer:coarse){.header-nav__link{font-size:18px;min-height:48px;padding:10px}.header-nav__link:after{display:none}.btn-back,.header-nav__link,.nav-card{-webkit-tap-highlight-color:rgba(255,255,255,.12);touch-action:manipulation}}@media(min-width:601px)and (max-width:1024px){.cards-grid{max-width:min(80vw,500px)}}@media(min-width:1025px)and (max-width:1440px){.cards-grid{max-width:min(70vw,550px)}}@media(min-width:1441px){.cards-grid{max-width:min(60vw,650px)}}@media(min-width:1920px){.cards-grid{max-width:min(50vw,750px)}}@media(orientation:landscape)and (max-height:600px){.hero{justify-content:flex-start;padding:clamp(8px,2vh,40px) clamp(10px,2vw,30px) clamp(8px,1.5vh,30px)}.hero-title{margin-bottom:clamp(8px,1.5vh,24px)}.hero-title__main{font-size:clamp(20px,6vh,80px);margin-bottom:clamp(4px,1vh,16px)}.cards-grid{max-width:min(90vw,500px)}.nav-card{min-height:clamp(60px,15vh,180px)}}