@font-face{font-family:FontViet;src:url(../fonts/FontViet.otf) format("opentype");font-weight:100 900;font-style:normal;font-display:swap}:root{--color-gold: #d3bc8e;--color-gold-light: #f5e4c3;--color-bg-dark: #070c18;--color-panel-bg: rgba(14, 20, 34, .92);--color-text-main: #f1ede4;--color-text-dim: #a6b4cb;--color-text-muted: #7888a2;--color-electro: #c084fc;--color-divider: rgba(211, 188, 142, .2);--font-main: "FontViet", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border-radius:0!important;box-shadow:none!important;text-shadow:none!important;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;background-color:var(--color-bg-dark);color:var(--color-text-main);font-family:var(--font-main);font-size:16px;overflow-x:hidden;position:relative}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#080d1a}::-webkit-scrollbar-thumb{background:#2a354c}#video-background-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.bg-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;opacity:0}.bg-video.active{opacity:1}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#070c18d9}#webgpu-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}#app{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column}.genshin-navbar{position:sticky;top:0;width:100%;height:60px;display:flex;align-items:center;justify-content:flex-start;padding:0 40px;background:#080d18f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid var(--color-divider)}.nav-brand{display:flex;align-items:center;gap:14px;cursor:pointer}.nav-logo{height:36px;filter:none}.nav-version-badge{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--color-gold)}.nav-nav-links{display:flex;align-items:center;gap:36px;margin-left:48px}.nav-link{text-decoration:none;font-size:14px;font-weight:700;letter-spacing:1.5px;color:var(--color-text-dim);padding:18px 4px;position:relative;transition:color .15s ease;cursor:pointer;background:transparent;border:none}.nav-link:hover{color:var(--color-gold-light)}.nav-link.active{color:var(--color-gold)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-gold)}.view-container{max-width:1440px;margin:0 auto;padding:32px 36px 80px;width:100%}.home-minimal{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 120px)}.home-header{text-align:center;margin-bottom:36px}.home-main-title{font-size:44px;font-weight:900;letter-spacing:4px;color:var(--color-text-main)}.home-duo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;width:100%;max-width:1100px}.duo-card{position:relative;height:520px;overflow:hidden;cursor:pointer;background:#0d1424;border:1px solid var(--color-divider);display:flex;flex-direction:column;justify-content:flex-end;padding:28px}.duo-card:hover{transform:none}.duo-card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;filter:none}.duo-card-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(7,12,24,.95) 25%,rgba(7,12,24,.4) 60%,transparent 100%);z-index:1}.duo-card-info{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px}.duo-badge-row{display:flex;align-items:center;gap:10px}.flat-badge-mini{display:inline-flex;align-items:center;gap:7px;background:#0a0f1ce6;border:1px solid var(--color-divider);padding:4px 10px;font-size:13px;color:var(--color-text-dim)}.badge-mini-img{width:16px;height:16px;object-fit:contain}.stars-gold{color:var(--color-gold);font-weight:700}.duo-name{font-size:34px;font-weight:800;letter-spacing:1.5px;color:var(--color-text-main)}.duo-meta{font-size:14px;color:var(--color-text-dim)}.duo-action{font-size:14px;font-weight:700;letter-spacing:1.5px;color:var(--color-gold);margin-top:4px}.long-page-view{display:flex;flex-direction:column;gap:40px}.char-fieldset{border:1px solid var(--color-divider);padding:36px;background:var(--color-panel-bg)}.char-legend{padding:0 12px;font-size:15px;font-weight:700;letter-spacing:2px;color:var(--color-gold);text-transform:uppercase}.hero-grid{display:grid;grid-template-columns:minmax(460px,540px) 1fr;gap:48px;align-items:center}.hero-media-box{position:relative;width:100%;height:620px;background:radial-gradient(circle at center,#c084fc1f,#090e1cf5 75%);overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-divider)}.hero-splash-flat{position:absolute;height:100%;width:auto;max-width:none;max-height:none;object-fit:cover;object-position:center center;transform:scale(1.22);transform-origin:center center;filter:none}.hero-text-col{display:flex;flex-direction:column;gap:14px}.hero-title-row{display:flex;align-items:baseline;gap:16px}.hero-main-name{font-size:40px;font-weight:900;letter-spacing:1.5px;color:var(--color-text-main)}.hero-sub-title{font-size:17px;color:var(--color-text-dim)}.hero-org{font-size:13px;color:var(--color-gold);letter-spacing:1px;text-transform:uppercase}.badge-row{display:flex;gap:10px;flex-wrap:wrap}.flat-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#0a0f1cd9;border:1px solid var(--color-divider);font-size:14px;color:var(--color-text-dim)}.badge-img{width:18px;height:18px;object-fit:contain}.icon-invert{filter:brightness(0) invert(.95)}.element-tint{filter:drop-shadow(0 0 2px rgba(192,132,252,.8))}.rarity-stars{color:#ffc107;font-size:15px}.hero-intro{font-size:15px;line-height:1.7;color:var(--color-text-main)}.stats-grid-flat{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:10px}.stat-flat-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#080c16cc;border:1px solid var(--color-divider)}.stat-img{width:22px;height:22px;object-fit:contain}.stat-val-wrap{display:flex;flex-direction:column;gap:2px}.stat-flat-lbl{font-size:11px;color:var(--color-text-muted);text-transform:uppercase}.stat-flat-val{font-size:14px;font-weight:700;color:var(--color-gold-light)}.content-section{display:flex;flex-direction:column;gap:18px}.section-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-divider);padding-bottom:10px}.section-title{font-size:18px;font-weight:700;letter-spacing:2px;color:var(--color-gold)}.level-toggles{display:flex;gap:6px}.lvl-btn{background:transparent;border:1px solid var(--color-divider);color:var(--color-text-dim);font-size:13px;font-weight:600;padding:5px 12px;cursor:pointer;font-family:var(--font-main)}.lvl-btn.active{background:#d3bc8e33;border-color:var(--color-gold);color:var(--color-gold-light)}.video-carousel-section-bleed{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-top:10px;margin-bottom:24px;overflow:hidden}.video-carousel-header{max-width:1440px;margin:0 auto 16px;padding:0 36px;display:flex;align-items:center;justify-content:space-between}.video-carousel-controls{display:flex;align-items:center;gap:12px}.carousel-nav-btn{background:#0e1422f2;border:1px solid var(--color-divider);color:var(--color-gold);width:38px;height:38px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-main);transition:border-color .15s ease,background .15s ease}.carousel-nav-btn:hover:not(:disabled){border-color:var(--color-gold);background:#d3bc8e26}.carousel-nav-btn:disabled{opacity:.3;cursor:not-allowed}.carousel-counter-tag{font-size:13px;font-weight:700;color:var(--color-text-dim);font-family:var(--font-main);min-width:50px;text-align:center}.video-carousel-viewport{width:100vw;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.video-carousel-viewport::-webkit-scrollbar{height:6px}.video-carousel-viewport::-webkit-scrollbar-track{background:#080d1a}.video-carousel-viewport::-webkit-scrollbar-thumb{background:#2a354c}.video-carousel-track{display:flex;gap:24px;padding:4px max(36px,calc((100vw - 1440px)/2 + 36px)) 16px;width:max-content;box-sizing:border-box}.video-carousel-slide{flex:0 0 auto;height:480px;width:853px;max-width:calc(100vw - 72px);scroll-snap-align:start;background:var(--color-panel-bg);border:1px solid var(--color-divider);display:flex;flex-direction:column}.video-frame-box{width:100%;flex:1 1 auto;position:relative;background:#000;overflow:hidden}.video-frame-box iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-caption-bar{flex:0 0 44px;height:44px;background:#0a101cf2;border-top:1px solid var(--color-divider);display:flex;align-items:center;gap:12px;padding:0 18px}.video-caption-num{color:var(--color-gold);font-weight:700;font-size:13px;letter-spacing:1px}.video-caption-title{color:var(--color-text-main);font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.items-stack{display:flex;flex-direction:column;gap:16px}.flat-panel{background:var(--color-panel-bg);border:1px solid var(--color-divider);padding:22px;display:flex;flex-direction:column;gap:14px}.panel-head{display:flex;align-items:center;gap:16px}.panel-icon{width:48px;height:48px;object-fit:contain;background:#090e1c;border:1px solid var(--color-divider);padding:6px;flex-shrink:0}.panel-name{font-size:18px;font-weight:700;color:var(--color-gold-light)}.panel-tag{font-size:12px;color:var(--color-text-muted)}.panel-text{font-size:15px;line-height:1.7;color:var(--color-text-main);white-space:pre-line}.panel-note{font-size:13px;color:var(--color-gold)}.params-table-flat{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 24px;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-divider)}.param-line{display:flex;justify-content:space-between;font-size:14px;padding:5px 0;border-bottom:1px dashed rgba(211,188,142,.1)}.param-k{color:var(--color-text-dim)}.param-v{font-weight:700;color:var(--color-gold-light)}.mechanic-term{color:var(--color-electro);font-weight:600;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;cursor:help;display:inline}.global-tooltip{display:none;position:fixed;z-index:99999;max-width:400px;background:#080d18fa;border:1px solid var(--color-gold);padding:14px 18px;pointer-events:none}.tip-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--color-divider);padding-bottom:8px;margin-bottom:10px}.tip-title{font-size:15px;font-weight:700;color:var(--color-gold)}.tip-source{font-size:11px;color:var(--color-electro);text-transform:uppercase}.tip-body{font-size:13px;line-height:1.6;color:var(--color-text-main)}.tip-stats{font-size:12px;color:var(--color-gold-light);margin-top:10px;padding-top:8px;border-top:1px dashed var(--color-divider)}@media(max-width:1024px){.home-duo-grid,.hero-grid{grid-template-columns:1fr}.hero-media-box{height:480px}.video-carousel-slide{height:380px;width:calc(380px * 16 / 9)}.stats-grid-flat{grid-template-columns:repeat(2,1fr)}.params-table-flat{grid-template-columns:1fr}}@media(max-width:768px){.genshin-navbar{padding:0 16px}.nav-nav-links{margin-left:20px;gap:16px}.hero-media-box{height:360px}.video-carousel-slide{height:280px;width:calc(280px * 16 / 9)}}