:root{font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark}body{margin:0;min-width:320px;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background:#fff;min-height:100vh}.app{min-height:100vh}.hero{min-height:50vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:80px 40px}.hero-content{text-align:center;max-width:900px;z-index:2;opacity:0;transform:translateY(30px);transition:all .8s ease-out}.hero.visible .hero-content{opacity:1;transform:translateY(0)}.company-name{font-size:3rem;font-weight:700;color:#333;margin-bottom:20px;letter-spacing:2px}.tagline{font-size:1.5rem;color:#ff6700;margin-bottom:30px;font-weight:500}.mission{font-size:1.1rem;color:#666;line-height:1.8}.section-title{text-align:center;font-size:2.2rem;color:#333;margin-bottom:60px;position:relative;font-weight:700}.section-title:after{content:"";display:block;width:80px;height:4px;background:linear-gradient(90deg,#ff6700,#ff8730);margin:20px auto 0;border-radius:2px}.values{padding:40px 20px;background:#f8f8f8;opacity:0;transform:translateY(30px);transition:all .8s ease-out .3s}.values.visible{opacity:1;transform:translateY(0)}.mission-vision{margin-bottom:40px}.mission-vision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:1200px;margin:0 auto}@media (max-width: 768px){.mission-vision-grid{grid-template-columns:1fr}}.mission-vision-card{background:#fff;border-radius:12px;border-left:4px solid #FF6700;padding:25px;text-align:left;transition:all .4s ease;box-shadow:0 4px 12px #0000000d}.mission-vision-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.card-title{font-size:1.3rem;color:#ff6700;margin-bottom:15px;font-weight:600}.card-content{color:#666;font-size:1.1rem;line-height:1.7}.values-section{margin-top:30px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1400px;margin:0 auto}@media (max-width: 1200px){.values-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.values-grid{grid-template-columns:1fr}}.value-card{background:#fff;border-radius:12px;border-left:4px solid #FF6700;padding:25px;text-align:left;transition:all .4s ease;box-shadow:0 4px 12px #0000000d}.value-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.value-title{font-size:1.3rem;color:#ff6700;margin-bottom:10px;font-weight:600}.value-en{font-size:.9rem;color:#999;font-weight:400;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.value-text{color:#666;font-size:1rem;line-height:1.7}.about{padding:80px 40px;text-align:center;opacity:0;transform:translateY(30px);transition:all .8s ease-out .5s}.about.visible{opacity:1;transform:translateY(0)}.about-content{max-width:1200px;margin:0 auto}.about-content p{color:#666;font-size:1.1rem;line-height:1.8;margin-bottom:20px}.contact{padding:80px 40px;text-align:center;opacity:0;transform:translateY(30px);transition:all .8s ease-out .6s}.contact.visible{opacity:1;transform:translateY(0)}.contact-subtitle{font-size:.9rem;color:#999;letter-spacing:3px;margin-top:-40px;margin-bottom:40px}.contact-grid{display:flex;justify-content:center;align-items:center;max-width:1000px;margin:0 auto;gap:60px}.contact-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px}.contact-icon{width:50px;height:50px;border:1px solid #ccc;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.contact-icon svg{width:24px;height:24px;color:#666}.contact-text{color:#333;font-size:.95rem;margin-bottom:8px}.contact-email{color:#999;font-size:.85rem;text-decoration:none;transition:color .3s ease}.contact-email:hover{color:#ff6700}.contact-divider{width:2px;height:60px;background:linear-gradient(180deg,transparent,#FF6700,transparent)}@media (max-width: 768px){.contact-grid{flex-direction:column;gap:30px}.contact-divider{width:80px;height:2px;background:linear-gradient(90deg,transparent,#FF6700,transparent)}}.games-we-seek{padding:80px 40px;background:#f8f8f8;opacity:0;transform:translateY(30px);transition:all .8s ease-out .4s}.games-we-seek.visible{opacity:1;transform:translateY(0)}.section-subtitle{font-size:1rem;color:#999;font-weight:400;margin-left:10px}.section-intro{text-align:center;max-width:800px;margin:-30px auto 50px;color:#666;font-size:1.05rem;line-height:1.8}.traits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1400px;margin:0 auto 50px}@media (max-width: 1024px){.traits-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.traits-grid{grid-template-columns:1fr}}.trait-card{background:#fff;border-radius:12px;border-left:4px solid #FF6700;padding:25px;text-align:left;transition:all .4s ease;box-shadow:0 4px 12px #0000000d}.trait-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.trait-title{font-size:1.2rem;color:#ff6700;margin-bottom:12px;font-weight:600}.trait-desc{color:#666;font-size:.95rem;line-height:1.6}.preferences-section{max-width:1200px;margin:0 auto 30px;padding:30px;background:#fff;border-radius:12px;border-left:4px solid #FF6700}.preferences-title{font-size:1.2rem;color:#ff6700;margin-bottom:15px;font-weight:600}.preference-item{margin-bottom:10px;font-size:.95rem;line-height:1.6}.preference-label{color:#ff6700;font-weight:600}.preference-value{color:#666}.exclusions-section{max-width:1200px;margin:0 auto;padding:30px;background:#fff;border-radius:12px;border-left:4px solid #FF6700;text-align:left;box-shadow:0 4px 12px #0000000d}.exclusions-title{font-size:1.1rem;color:#ff6700;margin-bottom:8px;font-weight:600}.exclusions-desc{color:#999;font-size:.9rem}.partnership{padding:80px 40px;background:#fff;opacity:0;transform:translateY(30px);transition:all .8s ease-out .5s}.partnership.visible{opacity:1;transform:translateY(0)}.support-system{max-width:1000px;margin:0 auto 50px}.support-title{text-align:center;font-size:1.3rem;color:#333;margin-bottom:30px;font-weight:600}.support-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1400px;margin:0 auto}@media (max-width: 1024px){.support-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.support-steps{grid-template-columns:1fr}}.support-step{background:#fff;border-radius:12px;border-left:4px solid #FF6700;padding:25px;text-align:left;transition:all .3s ease;box-shadow:0 4px 12px #0000000d}.support-step:hover{box-shadow:0 10px 30px #00000014}.step-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#ff6700,#ff8730);color:#fff;font-size:.8rem;font-weight:700;border-radius:50%;box-shadow:0 4px 12px #ff67004d;margin-bottom:12px}.step-title{font-size:1.1rem;color:#ff6700;margin-bottom:8px;font-weight:600}.step-desc{color:#666;font-size:.9rem;line-height:1.5}.cooperation-process{max-width:1000px;margin:0 auto 50px}.process-title{text-align:center;font-size:1.3rem;color:#333;margin-bottom:30px;font-weight:600}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1400px;margin:0 auto}@media (max-width: 1024px){.process-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.process-steps{grid-template-columns:1fr}}.process-step{padding:25px;position:relative;background:#fff;border-radius:12px;border-left:4px solid #FF6700;transition:all .3s ease;box-shadow:0 4px 12px #0000000d;min-height:180px}.process-step:hover{box-shadow:0 10px 30px #00000014;transform:translateY(-5px)}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#ff6700,#ff8730);color:#fff;font-size:.8rem;font-weight:700;border-radius:50%;box-shadow:0 4px 12px #ff67004d;margin-bottom:12px}.process-step-title{font-size:1rem;color:#ff6700;margin-bottom:8px;font-weight:600}.process-step-desc{color:#666;font-size:.85rem;line-height:1.5}.cta-section{text-align:center;padding:80px 60px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:20px;max-width:1200px;margin:0 auto;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,103,0,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.cta-section:after{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,135,48,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.cta-header{margin-bottom:40px;position:relative;z-index:1}.cta-title{font-size:2.2rem;color:#fff;margin-bottom:15px;font-weight:700;text-shadow:0 2px 20px rgba(255,103,0,.3)}.cta-subtitle{color:#ffffffb3;font-size:1.1rem;line-height:1.6;max-width:600px;margin:0 auto}.cta-form-info{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:40px 0;position:relative;z-index:1}.form-info-item{display:flex;align-items:center;justify-content:center;padding:12px 24px;background:#ffffff14;border:1px solid rgba(255,103,0,.3);border-radius:30px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-info-item:hover{background:#ff670033;border-color:#ff6700;transform:translateY(-2px);box-shadow:0 8px 25px #ff670033}.form-info-text{color:#ffffffe6;font-size:.9rem;font-weight:500}.cta-button{display:inline-flex;align-items:center;gap:10px;padding:18px 45px;background:linear-gradient(135deg,#ff6700,#ff8730,#ff6700);background-size:200% 200%;color:#fff;font-size:1.15rem;font-weight:600;text-decoration:none;border-radius:50px;transition:all .4s ease;box-shadow:0 10px 30px #ff670066;margin-top:20px;position:relative;z-index:1;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.cta-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px #ff670080}.cta-button:after{content:"→";font-size:1.2rem;transition:transform .3s ease}.cta-button:hover:after{transform:translate(5px)}.cta-button-text{letter-spacing:.5px}.cta-note{color:#ffffff80;font-size:.85rem;margin-top:25px;position:relative;z-index:1}.footer{padding:50px 40px;text-align:center;background:#2c2c2c}.footer p{color:#aaa;font-size:.9rem;margin-bottom:10px}.footer-links{margin:15px 0;text-align:center}.footer-links a{color:#ff6700;text-decoration:none;font-size:.9rem;margin:0 15px;transition:color .3s ease}.footer-links a:hover{color:#ff8730}.separator{color:#666;margin:0 5px}.footer p:last-child{margin-bottom:0}.icp{font-size:.8rem}.report-email{color:#aaa;font-size:.75rem;margin:8px 0}.report-email a{color:#ff6700;text-decoration:none}.report-email a:hover{text-decoration:underline}.icp a{color:#ff6700;text-decoration:underline;transition:color .3s ease}.icp a:hover{color:#ff8730}.health-advice{margin-top:15px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.health-advice p{color:#888;font-size:.75rem;line-height:1.4;margin-bottom:0}.footer-gd-jubao{margin-top:25px;padding-top:25px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-gd-jubao a{display:inline-block;transition:opacity .3s ease}.footer-gd-jubao a:hover{opacity:.8}.gd-jubao-logo{height:40px;width:auto}@media (max-width: 768px){.gd-jubao-logo{height:32px}.company-name{font-size:2rem}.tagline{font-size:1.2rem}.mission{font-size:1rem}.values-grid{grid-template-columns:1fr}.health-advice{white-space:normal}.health-advice p{font-size:.7rem}.section-title{font-size:1.5rem}}
