.tpg-page *,.tpg-page *::before,.tpg-page *::after{box-sizing:border-box}
.tpg-page{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:#fff;background:#000;line-height:1.5;min-height:100vh;position:relative;overflow:hidden;width:100%}
.tpg-page a{color:inherit;text-decoration:none}
.tpg-page button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.tpg-page img,.tpg-page svg{display:block}

.tpg-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;background:#000}
.tpg-overlay{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.15) 35%,rgba(0,0,0,.55) 100%)}

.tpg-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2.5rem;gap:1rem;max-width:1400px;width:100%;margin:0 auto}
.tpg-logo{display:flex;align-items:center;gap:.6rem;font-weight:600;font-size:1.25rem;letter-spacing:.02em}
.tpg-logo img{width:44px;height:44px}

.tpg-nav{display:flex;align-items:center;gap:1.75rem}
.tpg-link{font-size:1.1rem;opacity:.92;transition:opacity .2s}
.tpg-link:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
.tpg-link-active{opacity:1;font-weight:600;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#3b82f6;text-decoration-thickness:2px}
.tpg-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .95rem;border-radius:.5rem;font-size:1rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);transition:background .2s}
.tpg-btn:hover{background:rgba(255,255,255,.18)}
.tpg-login-wrap{position:relative}
.tpg-promo-wrap{position:absolute;top:100%;right:0;margin-top:.5rem;pointer-events:none}
.tpg-promo{font-size:.75rem;padding:.3rem .55rem;border-radius:.4rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;white-space:nowrap;box-shadow:0 4px 14px rgba(59,130,246,.4)}

.tpg-main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem 4rem;max-width:1400px;width:100%;margin:0 auto}
.tpg-hero{font-size:clamp(1.75rem,3.6vw,3rem);font-weight:700;letter-spacing:.05em;margin:200px 0 1.25rem;line-height:1.1;text-shadow:0 4px 30px rgba(0,0,0,.6);align-self:flex-start;text-align:left;width:100%}
.tpg-hero-gap{display:inline-block;width:3rem}
.tpg-sub{font-size:clamp(1rem,1.4vw,1.25rem);opacity:.85;max-width:42rem;margin:0 0 2.5rem;text-shadow:0 2px 12px rgba(0,0,0,.6);align-self:flex-start;text-align:left}

.tpg-downloads{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:flex-start;align-self:flex-start;width:100%}
.tpg-downloads a{display:block;width:105px;height:105px;transition:transform .25s ease}
.tpg-downloads a:hover{transform:translateY(-4px)}
.tpg-downloads img{width:100%;height:100%;object-fit:contain}

.tpg-seo{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.tpg-features{margin:calc(3.5rem + 500px) auto 0;max-width:1400px;width:100%}
.tpg-features-title{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:600;margin:0 0 1.5rem;letter-spacing:.02em;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.tpg-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.tpg-feature{padding:1.25rem;border-radius:.75rem;background:rgba(20,20,30,.55);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 24px rgba(0,0,0,.25);transition:transform .25s ease,background .25s ease,border-color .25s ease}
.tpg-feature:hover{transform:translateY(-4px);background:rgba(30,30,45,.7);border-color:rgba(255,255,255,.28)}
.tpg-feature-icon{width:40px;height:40px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);margin-bottom:.85rem;color:#fff}
.tpg-feature h3{font-size:1rem;font-weight:600;margin:0 0 .4rem;letter-spacing:.02em}
.tpg-feature p{font-size:.85rem;line-height:1.5;opacity:.78;margin:0}

.tpg-scenes{margin:3.5rem auto 0;max-width:1400px;width:100%}
.tpg-scenes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.tpg-scene{display:flex;align-items:center;gap:.85rem;padding:1rem 1.1rem;border-radius:.75rem;background:rgba(20,20,30,.55);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 24px rgba(0,0,0,.25);transition:transform .25s ease,background .25s ease;text-align:left}
.tpg-scene:hover{transform:translateY(-3px);background:rgba(30,30,45,.7)}
.tpg-scene-emoji{font-size:1.5rem;line-height:1;flex-shrink:0}
.tpg-scene p{font-size:.9rem;line-height:1.45;margin:0;opacity:.92}

.tpg-footer{padding:1.5rem 2.5rem 2rem;display:flex;flex-direction:column;gap:.75rem;align-items:center;text-align:center;max-width:1400px;width:100%;margin:0 auto}
.tpg-footer-links{display:flex;flex-wrap:wrap;gap:1.5rem;font-size:.85rem;opacity:.85;justify-content:center}
.tpg-footer-links .tpg-item{display:inline-flex;align-items:center;gap:.4rem;transition:opacity .2s}
.tpg-footer-links a.tpg-item:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
.tpg-copy{font-size:.78rem;opacity:.55;margin:0}

@media (max-width:768px){
  .tpg-header{padding:1rem 1.25rem}
  .tpg-main{padding:2rem 1.5rem}
  .tpg-hide-mobile{display:none}
  .tpg-hero-gap{width:1rem}
  .tpg-downloads a{width:72px;height:72px;border-radius:1rem}
  .tpg-footer{padding:1.25rem}
  .tpg-footer-links{gap:1rem}
}

.tpg-faq{margin:3.5rem auto 0;max-width:1400px;width:100%;text-align:center}
.tpg-faq .tpg-faq-list{text-align:left}
.tpg-faq-list{display:flex;flex-direction:column;gap:.6rem}
.tpg-faq-item{background:rgba(20,20,30,.55);border:1px solid rgba(255,255,255,.18);border-radius:.6rem;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden;transition:border-color .25s,background .25s}
.tpg-faq-item[open]{background:rgba(30,30,45,.7);border-color:rgba(59,130,246,.45)}
.tpg-faq-item summary{cursor:pointer;padding:1rem 1.15rem;font-size:.95rem;font-weight:500;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.tpg-faq-item summary::-webkit-details-marker{display:none}
.tpg-faq-item summary::after{content:"+";font-size:1.3rem;font-weight:300;opacity:.7;flex-shrink:0;transition:transform .25s}
.tpg-faq-item[open] summary::after{transform:rotate(45deg)}
.tpg-faq-item p{margin:0;padding:0 1.15rem 1rem;font-size:.88rem;line-height:1.65;opacity:.82}
/* ===== Language Dropdown ===== */
.tpg-lang-dropdown { position: relative; }
.tpg-lang-trigger { gap: 4px; }
.tpg-lang-chevron { transition: transform .2s; }
.tpg-lang-dropdown:hover .tpg-lang-chevron { transform: rotate(180deg); }
.tpg-lang-menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 160px;
  margin-top: 6px;
  padding: 6px 0;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0,0,0,.08);
  z-index: 1000;
  list-style: none;
}
.tpg-lang-dropdown:hover .tpg-lang-menu { display: block; }
.tpg-lang-menu li {}
.tpg-lang-menu a {
  display: block;
  padding: 8px 14px;
  font-size: 14px;
  color: #374151;
  text-decoration: none;
  white-space: nowrap;
  transition: background .15s;
}
.tpg-lang-menu a:hover { background: #f3f4f6; color: #111827; }

.tpg-lang-menu {
  display: none !important;
}
.tpg-lang-dropdown:hover .tpg-lang-menu {
  display: block !important;
}