@import url('https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@400;600;700;900&family=ZCOOL+KuaiLe&display=swap');

:root{--ink:#071927;--ink-2:#0b2f42;--jade:#47c9c5;--jade-light:#b9f2e8;--gold:#d7ad68;--paper:#f3eee2;--white:#fff;--serif:'Noto Serif SC','Songti SC',serif;--brush:'Ma Shan Zheng','STKaiti',cursive}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.grain{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}
.nav{position:fixed;z-index:50;top:0;left:0;width:100%;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;color:white;border-bottom:1px solid rgba(255,255,255,.13);transition:.4s}
.nav.scrolled{height:72px;background:rgba(5,23,34,.88);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:12px}.brand-seal{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);border-radius:50% 50% 46% 54%;color:var(--gold);font:27px var(--brush);transform:rotate(-5deg)}
.brand b,.brand small{display:block}.brand b{font-size:19px;letter-spacing:4px}.brand small{margin-top:2px;font:8px Arial,sans-serif;letter-spacing:2px;opacity:.65}
.nav nav{display:flex;gap:3vw;font-size:14px;letter-spacing:2px}.nav nav a{position:relative;padding:34px 0}.nav nav a:after{content:'';position:absolute;bottom:25px;left:50%;width:0;height:2px;background:var(--gold);transition:.3s;transform:translateX(-50%)}.nav nav a:hover:after,.nav nav a.active:after{width:18px}
.nav-cta{border:1px solid rgba(215,173,104,.7);padding:11px 22px;font-size:13px;letter-spacing:2px;background:rgba(7,25,39,.25);transition:.3s}.nav-cta:hover{background:var(--gold);color:var(--ink)}
.hero{height:max(760px,100svh);position:relative;display:flex;align-items:center;color:white;overflow:hidden;background:#0c3043}
.hero-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,29,.78) 0%,rgba(4,18,29,.34) 38%,rgba(4,18,29,.06) 70%),linear-gradient(0deg,rgba(4,18,29,.84),transparent 42%),url('https://yunchuan-images.pages.dev/assets/yunchuan-hero.png') center/cover no-repeat;animation:hero-in 2s ease both}
@keyframes hero-in{from{transform:scale(1.08);filter:brightness(.55)}to{transform:scale(1);filter:brightness(1)}}
.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 35% 40%,rgba(75,206,197,.13),transparent 31%)}
.cloud{position:absolute;width:70vw;height:26vw;filter:blur(22px);opacity:.18;background:radial-gradient(ellipse,white,transparent 65%);animation:drift 16s ease-in-out infinite alternate}.cloud-a{bottom:-14%;left:-15%}.cloud-b{top:14%;right:-30%;animation-delay:-8s}@keyframes drift{to{transform:translateX(9vw) translateY(-2vw)}}
.hero-copy{position:relative;z-index:2;width:570px;margin-left:11vw;padding-top:40px}.eyebrow{font-size:13px;letter-spacing:6px;color:var(--jade-light)}.eyebrow span{display:inline-block;width:34px;height:1px;background:var(--gold);vertical-align:middle;margin-right:12px}
h1{margin:24px 0 8px;font:900 clamp(82px,9.2vw,150px)/.8 var(--serif);letter-spacing:-10px;text-shadow:0 8px 32px rgba(0,0,0,.25)}h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.75)}
.hero-slogan{margin:30px 0 14px;font:34px var(--brush);letter-spacing:8px;color:#f3dcae}.hero-desc{max-width:520px;font-size:15px;line-height:2;letter-spacing:1px;color:rgba(255,255,255,.8)}
.hero-actions{display:flex;gap:16px;margin-top:32px}.btn{height:52px;padding:0 28px;border:1px solid rgba(255,255,255,.35);color:white;background:transparent;display:inline-flex;align-items:center;gap:14px;cursor:pointer;letter-spacing:2px;transition:.3s}.btn-primary{background:linear-gradient(135deg,#cc9d55,#e4c381);border-color:transparent;color:#152737;box-shadow:0 12px 40px rgba(218,174,102,.23)}.btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.18)}.btn i{font:24px Arial}.play{display:grid;place-items:center;width:27px;height:27px;border:1px solid currentColor;border-radius:50%;font-size:8px;padding-left:2px}
.hero-stats{position:absolute;right:5vw;bottom:42px;z-index:3;display:flex;background:rgba(5,25,37,.55);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12)}.hero-stats div{padding:18px 28px;border-right:1px solid rgba(255,255,255,.12)}.hero-stats div:last-child{border:0}.hero-stats strong{display:block;color:#f2d093;font:27px Georgia}.hero-stats strong:after{content:'+';font-size:15px}.hero-stats span{font-size:10px;letter-spacing:2px;opacity:.65}
.scroll-cue{position:absolute;z-index:2;bottom:40px;left:5vw;display:flex;align-items:center;gap:12px;transform:rotate(-90deg);transform-origin:left}.scroll-cue span{font:9px Arial;letter-spacing:4px;opacity:.55}.scroll-cue i{width:48px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.section{padding:120px max(6vw,28px);position:relative}.section-head{text-align:center;margin-bottom:62px;position:relative}.section-head>p{font:10px Arial;letter-spacing:6px;color:#778187}.section-head h2{margin:14px 0;font-size:clamp(34px,4vw,56px);letter-spacing:4px}.section-head h2 em{font:normal 1em var(--brush);color:#249b98}.title-mark{position:absolute;left:50%;top:-27px;z-index:-1;font:100px var(--brush);color:rgba(13,49,65,.045);transform:translateX(-50%);white-space:nowrap}
.world{background:#f3eee2}.world:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(9,45,60,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(9,45,60,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}
.world-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:24px;align-items:end}.story-card{position:relative;height:470px;overflow:hidden;background:#123747;color:white;box-shadow:0 22px 60px rgba(11,38,50,.16);transition:.5s}.story-card:hover{transform:translateY(-10px)}.card-tall{height:520px}.card-no{position:absolute;z-index:3;top:22px;right:22px;font:11px Georgia;letter-spacing:2px;color:var(--gold)}.card-art{position:absolute;inset:0;overflow:hidden;transition:.7s}.story-card:hover .card-art{transform:scale(1.04)}.card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,23,33,.95),transparent 70%)}.card-art span{position:absolute;top:48px;left:22px;writing-mode:vertical-rl;font:80px var(--brush);opacity:.13}
.art-changan{background:radial-gradient(circle at 65% 22%,#efcc82,transparent 18%),linear-gradient(150deg,transparent 35%,rgba(14,71,73,.5)),linear-gradient(#34899a,#102b40)}.art-cloud{background:radial-gradient(circle at 45% 32%,#b8f0e7,transparent 12%),linear-gradient(145deg,transparent 36%,rgba(235,242,225,.32) 37% 43%,transparent 44%),linear-gradient(#156776,#102837)}.art-wild{background:radial-gradient(circle at 65% 25%,#e89765,transparent 14%),linear-gradient(160deg,transparent 40%,rgba(211,127,73,.45)),linear-gradient(#293e54,#122431)}
.card-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:32px}.card-copy small{color:var(--gold);letter-spacing:4px}.card-copy h3{margin:9px 0 12px;font-size:28px}.card-copy p{margin:0;font-size:13px;line-height:1.9;color:rgba(255,255,255,.7)}
.features{overflow:hidden;background:#071d2b;color:white}.features:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,#12475a,transparent 42%),linear-gradient(120deg,rgba(64,199,193,.08),transparent 30%)}.section-head.light>p{color:var(--jade-light)}.section-head.light h2 em{color:#72ddd3}.section-head.light .title-mark{color:rgba(255,255,255,.035)}
.feature-list{position:relative;z-index:2;max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.feature{position:relative;padding:56px 34px 62px;border-right:1px solid rgba(255,255,255,.12);transition:.4s}.feature:last-child{border:0}.feature:hover{background:rgba(77,203,195,.08);transform:translateY(-7px)}.feature>b{position:absolute;right:20px;top:12px;font:50px var(--brush);opacity:.05}.feature-icon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:38px;border:1px solid rgba(101,218,210,.4);border-radius:50%;color:#89e8dd;font-size:25px;box-shadow:inset 0 0 0 8px rgba(87,210,202,.03)}.feature h3{font-size:22px;letter-spacing:3px}.feature p{font-size:13px;line-height:2;color:rgba(255,255,255,.55)}
.feature-orbit{position:absolute;width:650px;height:650px;border:1px solid rgba(91,211,205,.06);border-radius:50%;top:-280px;left:50%;transform:translateX(-50%)}.feature-orbit i{position:absolute;inset:10%;border:1px solid rgba(91,211,205,.05);border-radius:50%}.feature-orbit i:nth-child(2){inset:23%}.feature-orbit i:nth-child(3){inset:38%;background:rgba(79,213,203,.025)}
.schools{background:#eae5d9}.school-stage{max-width:1120px;min-height:480px;margin:auto;display:grid;grid-template-columns:180px 1fr 1fr;align-items:center;border-top:1px solid rgba(12,53,67,.15);border-bottom:1px solid rgba(12,53,67,.15)}.school-tabs{display:flex;flex-direction:column;align-self:stretch;border-right:1px solid rgba(12,53,67,.15)}.school-tab{flex:1;border:0;border-bottom:1px solid rgba(12,53,67,.12);background:transparent;color:#798287;cursor:pointer;letter-spacing:3px;transition:.3s}.school-tab:last-child{border:0}.school-tab:hover,.school-tab.active{color:#117c7b;background:rgba(255,255,255,.35)}.school-tab.active:before{content:'◆';font-size:7px;margin-right:12px;color:var(--gold)}
.school-visual{position:relative;height:430px;display:grid;place-items:center}.school-emblem{position:relative;z-index:2;width:190px;height:190px;display:grid;place-items:center;border-radius:50%;color:#dcbd80;font:120px var(--brush);background:radial-gradient(circle,rgba(13,64,76,.95) 0 48%,transparent 49%),conic-gradient(from 40deg,transparent,#1f908d,transparent,#d7ad68,transparent);box-shadow:0 20px 50px rgba(7,40,50,.2);transition:.4s}.school-ring{position:absolute;width:300px;height:300px;border:1px dashed rgba(17,124,123,.3);border-radius:50%;animation:spin 35s linear infinite}.school-ring:before,.school-ring:after{content:'✦';position:absolute;color:var(--gold)}.school-ring:before{top:15px;left:50%}.school-ring:after{bottom:12px;right:50%}@keyframes spin{to{transform:rotate(360deg)}}
.school-copy{padding:50px}.school-copy small{color:#198987;letter-spacing:4px}.school-copy h3{margin:16px 0;font-size:52px;letter-spacing:8px}.school-copy blockquote{margin:0 0 35px;color:#67777b;font:22px var(--brush)}.skill-row{display:flex;gap:12px}.skill-row span{padding:9px 15px;border:1px solid rgba(16,78,89,.18);font-size:12px;color:#53676c}
.join{height:620px;position:relative;display:grid;place-items:center;text-align:center;color:white;overflow:hidden;background:linear-gradient(rgba(5,27,39,.77),rgba(5,27,39,.92)),url('https://yunchuan-images.pages.dev/assets/yunchuan-hero.png') center 63%/cover fixed}.join:before,.join:after{content:'';position:absolute;left:0;width:100%;height:70px;background:var(--paper);clip-path:polygon(0 0,100% 0,100% 10%,75% 20%,52% 8%,30% 21%,0 9%)}.join:before{top:0}.join:after{bottom:0;transform:rotate(180deg)}.join-glow{position:absolute;width:520px;height:520px;background:radial-gradient(circle,rgba(66,201,193,.16),transparent 65%)}.join-content{position:relative;z-index:2}.join-content>p:first-child{font:10px Arial;letter-spacing:6px;color:var(--jade-light)}.join h2{font-size:55px;line-height:1.35;letter-spacing:5px;margin:16px}.join h2 em{font:normal 1em var(--brush);color:#f1d197}.join-desc{color:rgba(255,255,255,.65);font-size:14px;letter-spacing:2px}.reserve{display:flex;width:min(500px,90vw);height:58px;margin:28px auto 12px}.reserve label{flex:1;display:flex;align-items:center;background:white;text-align:left}.reserve label span{padding:0 16px;color:#718086;border-right:1px solid #ddd}.reserve input{width:100%;border:0;outline:0;padding:0 14px;color:#213944}.reserve button{width:145px;border:0;background:var(--gold);color:#102936;cursor:pointer;letter-spacing:2px}.reserve button:hover{background:#e8c985}.form-note{font-size:11px;color:rgba(255,255,255,.38)}
footer{background:#05151f;color:rgba(255,255,255,.35);text-align:center;padding:44px 20px;font-size:10px;line-height:1.8}.footer-brand{justify-content:center;color:white;margin-bottom:22px}
.film{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(2,13,20,.93);opacity:0;visibility:hidden;transition:.4s;color:white}.film.open{opacity:1;visibility:visible}.film>button{position:absolute;right:5vw;top:5vh;color:white;background:none;border:0;font:40px Arial;cursor:pointer}.film>div{width:min(900px,84vw);aspect-ratio:16/9;display:grid;place-items:center;align-content:center;gap:10px;border:1px solid rgba(217,178,107,.5);background:radial-gradient(circle,rgba(52,151,151,.28),transparent 50%),linear-gradient(135deg,#092535,#06151f)}.film span{font:clamp(28px,5vw,64px) var(--brush);color:#f1d197}.film p{letter-spacing:6px;color:rgba(255,255,255,.5)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav{height:70px;padding:0 22px}.nav nav{display:none}.nav-cta{padding:9px 12px}.hero-copy{margin:0 7vw;width:auto}.hero-backdrop{background-position:58% center}.hero-stats{left:6vw;right:6vw;bottom:28px}.hero-stats div{flex:1;padding:12px;text-align:center}.scroll-cue{display:none}.world-grid{grid-template-columns:1fr}.story-card,.card-tall{height:360px}.feature-list{grid-template-columns:1fr 1fr}.feature:nth-child(2){border-right:0}.feature:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}.school-stage{grid-template-columns:1fr}.school-tabs{flex-direction:row;border:0;border-bottom:1px solid rgba(12,53,67,.15)}.school-tab{padding:18px 5px;border:0;font-size:12px}.school-visual{height:330px}.school-copy{text-align:center;padding:25px 20px 50px}.skill-row{justify-content:center}}
@media(max-width:560px){.nav-cta{display:none}.hero{min-height:760px}.hero-copy{padding-top:0}.eyebrow{font-size:10px;letter-spacing:3px}h1{font-size:78px;letter-spacing:-5px}.hero-slogan{font-size:27px;letter-spacing:4px}.hero-desc{font-size:13px}.hero-stats{display:none}.section{padding:90px 20px}.world-grid{gap:16px}.feature-list{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)!important;padding:36px}.school-emblem{width:150px;height:150px;font-size:90px}.school-ring{width:240px;height:240px}.school-copy h3{font-size:42px}.join h2{font-size:39px}.reserve button{width:118px}.footer-brand{display:flex}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Dreamy turn-based fantasy refresh */
:root{--ink:#173854;--ink-2:#155c73;--jade:#1cc9c5;--jade-light:#d1fff8;--gold:#ffb72f;--paper:#f7fbff;--serif:'Noto Serif SC','Microsoft YaHei',sans-serif}
body{background:var(--paper);color:var(--ink)}
.nav{top:16px;left:3%;width:94%;height:76px;padding:0 28px;color:var(--ink);border:1px solid rgba(255,255,255,.75);border-radius:22px;background:rgba(255,255,255,.76);box-shadow:0 12px 42px rgba(36,107,148,.13);backdrop-filter:blur(18px)}
.nav.scrolled{top:8px;height:68px;background:rgba(255,255,255,.94);box-shadow:0 12px 42px rgba(36,107,148,.2)}
.brand b{font-size:20px;letter-spacing:3px;background:linear-gradient(90deg,#119d9a,#327bc4);-webkit-background-clip:text;color:transparent}.brand small{color:#6f8b9c;opacity:1}
.nav nav a{font-weight:700;padding:29px 0}.nav nav a:after{bottom:20px;height:3px;border-radius:4px;background:linear-gradient(90deg,var(--jade),#52a7ff)}
.nav-cta{border:0;border-radius:22px;padding:12px 24px;font-weight:700;background:linear-gradient(135deg,#ffcb49,#ff8f58);color:white;box-shadow:0 8px 20px rgba(255,140,77,.28)}.nav-cta:hover{background:linear-gradient(135deg,#ffd65d,#ff7f61);color:white;transform:translateY(-2px)}
.hero{color:var(--ink);background:#dff5ff}
.hero-backdrop{inset:-2%;background:linear-gradient(90deg,rgba(246,252,255,.97) 0%,rgba(246,252,255,.78) 25%,rgba(246,252,255,.06) 54%),linear-gradient(0deg,rgba(221,245,255,.72),transparent 30%),url('https://yunchuan-images.pages.dev/assets/yunchuan-hero-v2.png') center/cover no-repeat;will-change:transform}
.hero:before{background:radial-gradient(circle at 30% 35%,rgba(255,255,255,.7),transparent 31%)}
.eyebrow{font-weight:700;color:#2ba1aa}.eyebrow span{background:#ff9a60}
h1{background:linear-gradient(150deg,#19aaa7 10%,#2878bb 54%,#7867cd);-webkit-background-clip:text;color:transparent;-webkit-text-stroke:3px white;text-shadow:none;filter:drop-shadow(0 8px 0 rgba(35,110,157,.13)) drop-shadow(0 16px 28px rgba(39,127,163,.2))}h1 span{color:inherit;-webkit-text-stroke:3px white}h1 sup{font:800 11px Arial;letter-spacing:2px;-webkit-text-stroke:0;color:#ff7b62;margin-left:8px}
.hero-slogan{color:#ef765b;letter-spacing:5px}.hero-desc{color:#527488;font-weight:600}.btn-primary{background:linear-gradient(135deg,#ffcf49,#ff8c56);border-color:transparent;border-radius:28px;color:white;font-weight:800;box-shadow:0 12px 40px rgba(255,141,78,.3)}.btn-ghost{border-color:rgba(35,119,153,.35);border-radius:28px;color:#237495;background:rgba(255,255,255,.58);backdrop-filter:blur(8px)}
.hero-stats{background:rgba(255,255,255,.82);color:var(--ink);border-color:white;border-radius:18px;box-shadow:0 15px 45px rgba(44,117,150,.18);overflow:hidden}.hero-stats div{border-color:#dceef3}.hero-stats strong{color:#ff8068}.scroll-cue span{color:#32748e}.scroll-cue i{background:linear-gradient(90deg,#40a4bc,transparent)}
.sparkles i{position:absolute;z-index:3;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 15px #fff;animation:float 4s ease-in-out infinite}.sparkles i:nth-child(1){left:9%;top:25%}.sparkles i:nth-child(2){left:41%;top:18%;animation-delay:-1s;background:#ffd85a}.sparkles i:nth-child(3){left:36%;top:70%;animation-delay:-2s}.sparkles i:nth-child(4){right:12%;top:22%;animation-delay:-.5s;background:#ff8da1}.sparkles i:nth-child(5){right:30%;bottom:16%;animation-delay:-3s}.sparkles i:nth-child(6){left:22%;bottom:14%;background:#62ddd2}@keyframes float{50%{transform:translateY(-16px) scale(1.5);opacity:.45}}
.news-bar{position:relative;z-index:5;max-width:1180px;height:92px;margin:-46px auto 0;display:grid;grid-template-columns:120px 1fr 120px;align-items:center;background:white;border-radius:24px;box-shadow:0 18px 55px rgba(46,118,152,.14);overflow:hidden}.news-badge{height:100%;display:grid;place-items:center;align-content:center;background:linear-gradient(135deg,#1cc9c5,#428ce3);color:white}.news-badge b{font-size:24px}.news-badge span{font-size:11px;letter-spacing:4px}.ticker{height:24px;overflow:hidden;padding:0 32px;color:#526f82}.ticker span{display:block;height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:ticker 9s steps(3) infinite}@keyframes ticker{to{transform:translateY(-72px)}}.news-bar>a{font-size:12px;color:#4aa0ba}
.world{background:linear-gradient(#f7fbff,#eff9fc)}.story-card{border:6px solid white;border-radius:32px;box-shadow:0 22px 60px rgba(55,121,149,.18);transform-style:preserve-3d}.features{background:linear-gradient(145deg,#125c73,#173760)}
.feature:nth-child(1) .feature-icon{background:#20bdb7}.feature:nth-child(2) .feature-icon{background:#ff866b}.feature:nth-child(3) .feature-icon{background:#8d75e8}.feature:nth-child(4) .feature-icon{background:#48a6ef}.feature-icon{width:72px;height:72px;border:4px solid rgba(255,255,255,.82);border-radius:24px;color:white;box-shadow:0 10px 24px rgba(0,0,0,.18);transform:rotate(-5deg)}
.schools{background:linear-gradient(#fff,#edf9fd)}.school-emblem{border:8px solid white;color:white;background:radial-gradient(circle,#35bdb7 0 48%,transparent 49%),conic-gradient(from 40deg,#76e2dd,#5d8ee5,#ff9b7d,#ffd25b,#76e2dd);box-shadow:0 20px 50px rgba(44,128,157,.25)}
.join{background:linear-gradient(rgba(12,80,104,.64),rgba(7,43,74,.9)),url('https://yunchuan-images.pages.dev/assets/yunchuan-hero-v2.png') center/cover fixed}
.quick-dock{position:fixed;z-index:40;right:24px;top:50%;transform:translateY(-50%);display:grid;background:white;border-radius:22px;box-shadow:0 12px 40px rgba(31,104,138,.2);overflow:hidden}.quick-dock a,.quick-dock button{width:74px;height:82px;border:0;border-bottom:1px solid #e6f1f5;background:white;color:#56768a;display:grid;place-items:center;align-content:center;gap:5px;cursor:pointer}.quick-dock b{font-size:23px;color:#1fb5b1}.quick-dock span{font-size:10px}.quick-dock a:first-child{background:linear-gradient(145deg,#ffbd3d,#ff8162);color:white}.quick-dock a:first-child b{color:white}
@media(max-width:900px){.nav{top:8px;left:4%;width:92%}.hero-backdrop{background-position:60% center}.news-bar{margin:-30px 20px 0;height:76px;grid-template-columns:86px 1fr}.news-bar>a{display:none}.quick-dock{display:none}}
@media(max-width:560px){.hero-backdrop{background-position:66% center;opacity:.72}.hero-copy{background:rgba(255,255,255,.48);border-radius:28px;padding:28px 22px!important;backdrop-filter:blur(6px)}.news-bar{grid-template-columns:76px 1fr}.ticker{padding:0 15px;font-size:12px}}

/* V3 ultra-chibi launch visual */
.nav nav{gap:2vw}.hero{min-height:800px;background:#9edfff}.hero-backdrop{background:linear-gradient(90deg,rgba(255,252,244,.97) 0%,rgba(255,250,243,.82) 24%,rgba(255,255,255,.02) 52%),linear-gradient(0deg,rgba(59,135,203,.25),transparent 35%),url('https://yunchuan-images.pages.dev/assets/yunchuan-hero-v3.png') center/cover no-repeat;filter:saturate(1.12) contrast(1.03)}
.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.75) 38%,transparent 46%);transform:translateX(-110%);animation:hero-shine 6s ease-in-out infinite}@keyframes hero-shine{50%,100%{transform:translateX(120%)}}
.hero-copy{width:610px;margin-left:7vw}.hero-logo{position:relative;width:max-content;margin:18px 0 12px;filter:drop-shadow(0 18px 22px rgba(32,99,167,.28))}.hero-logo>div{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;transform:skew(-4deg) rotate(-2deg)}.hero-logo b{position:relative;display:block;font:900 clamp(78px,7.4vw,126px)/.78 var(--serif);letter-spacing:-12px;color:#fff;-webkit-text-stroke:12px #fff;paint-order:stroke fill}.hero-logo b:before,.hero-logo b:after{content:attr(data-text);position:absolute;inset:0}.hero-logo b:before{z-index:-1;color:#fff;-webkit-text-stroke:22px #1879c6;filter:drop-shadow(0 7px 0 #0c58a4)}.hero-logo b:after{color:transparent;-webkit-text-stroke:3px rgba(255,255,255,.9);background:linear-gradient(180deg,#62f0ff 0%,#17abd9 35%,#4562dd 72%,#8e4ed1 100%);-webkit-background-clip:text;background-clip:text}.hero-logo b:last-child:after{background:linear-gradient(180deg,#fff27a 0%,#ffbd31 38%,#ff6b64 70%,#e94094 100%);-webkit-background-clip:text;background-clip:text}.hero-logo i{display:block;margin:15px 0 0 20px;color:#267bb3;font:900 11px Arial;letter-spacing:7px;text-align:center}.hero-logo em{position:absolute;right:-20px;bottom:24px;z-index:2;padding:7px 13px;border:3px solid white;border-radius:14px;background:linear-gradient(135deg,#ff5fa2,#ff844f);color:#fff;font:700 12px var(--serif);letter-spacing:2px;transform:rotate(-4deg);box-shadow:0 8px 14px rgba(237,82,121,.3)}.logo-cloud{position:absolute;left:-46px;top:-32px;color:white;font-size:72px;text-shadow:0 8px 0 #79cdf0;transform:rotate(-15deg)}
.hero-slogan{margin-top:16px;font-size:30px;font-weight:700;text-shadow:0 2px white}.hero-desc{max-width:500px}.hero-actions .btn{box-shadow:0 10px 0 rgba(31,110,171,.12),0 18px 34px rgba(31,110,171,.16)}
.sparkles i{width:13px;height:13px;clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);border-radius:0;box-shadow:none}.cloud{opacity:.34}
.news-center{padding-top:140px;background:radial-gradient(circle at 15% 20%,rgba(89,223,255,.16),transparent 20%),linear-gradient(180deg,#f5fcff,#fff7fb)}.news-panel{max-width:1180px;margin:auto;display:grid;grid-template-columns:.9fr 1.35fr;min-height:480px;border:7px solid white;border-radius:34px;background:white;box-shadow:0 28px 80px rgba(46,112,160,.16);overflow:hidden}.news-featured{position:relative;overflow:hidden;padding:58px 50px;color:white;background:linear-gradient(145deg,rgba(31,182,219,.88),rgba(85,79,222,.93)),url('https://yunchuan-images.pages.dev/assets/yunchuan-hero-v3.png') 80% center/cover}.news-featured:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.35),transparent 22%)}.news-ribbon{position:relative;z-index:2;display:inline-block;padding:8px 14px;border-radius:20px;background:#ffcf49;color:#774a16;font-size:11px;font-weight:900;letter-spacing:2px}.news-featured small{position:relative;z-index:2;display:block;margin-top:55px;letter-spacing:3px;color:#bffcff}.news-featured h3{position:relative;z-index:2;margin:15px 0;font-size:36px;line-height:1.45}.news-featured p{position:relative;z-index:2;font-size:13px;line-height:2;color:rgba(255,255,255,.76)}.news-featured>a{position:relative;z-index:2;display:inline-flex;gap:20px;margin-top:22px;padding:12px 20px;border:1px solid rgba(255,255,255,.6);border-radius:24px;font-size:12px}.featured-orb{position:absolute;right:-80px;top:-80px;width:280px;height:280px;border:1px solid rgba(255,255,255,.24);border-radius:50%;animation:spin 18s linear infinite}.featured-orb i{position:absolute;inset:18%;border:1px dashed rgba(255,255,255,.35);border-radius:50%}.featured-orb i:nth-child(2){inset:34%}.featured-orb i:nth-child(3){inset:47%;background:white;box-shadow:0 0 35px white}.news-list-wrap{padding:32px 42px}.news-tabs{display:flex;gap:36px;border-bottom:1px solid #e3edf3}.news-tabs button{position:relative;padding:12px 3px 18px;border:0;background:none;color:#879aa8;font-weight:700;cursor:pointer}.news-tabs button:after{content:'';position:absolute;left:50%;bottom:-2px;width:0;height:4px;border-radius:5px;background:linear-gradient(90deg,#1ed1c4,#497bea);transform:translateX(-50%);transition:.3s}.news-tabs button.active{color:#276a8f}.news-tabs button.active:after{width:30px}.news-list article{display:grid;grid-template-columns:52px 1fr 48px;gap:16px;align-items:center;padding:18px 0;border-bottom:1px dashed #dce9ef;transition:.3s}.news-list article:hover{transform:translateX(8px)}.news-list article>span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#e9fbfa;color:#13a5a0;font-size:11px;font-weight:900}.news-list article[data-kind=event]>span{background:#fff2e9;color:#f27a4d}.news-list article[data-kind=notice]>span{background:#f0edff;color:#7563df}.news-list h4{margin:0 0 5px;font-size:15px}.news-list p{margin:0;color:#8a9ba7;font-size:11px}.news-list time{font:12px Arial;color:#a5b1b9}.news-list article[hidden]{display:none}
.drops{overflow:hidden;color:white;background:linear-gradient(145deg,#071f49 0%,#172862 48%,#34236f 100%)}.drops:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(63,236,255,.24),transparent 32%),radial-gradient(circle at 85% 70%,rgba(255,76,177,.14),transparent 25%),linear-gradient(rgba(83,137,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(83,137,255,.05) 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px}.drop-beam{position:absolute;top:-120px;left:50%;width:360px;height:360px;border:1px solid rgba(85,235,255,.3);border-radius:50%;transform:translateX(-50%);box-shadow:0 0 120px rgba(53,202,255,.16),inset 0 0 80px rgba(124,95,255,.18);animation:pulse 3s ease-in-out infinite}@keyframes pulse{50%{transform:translateX(-50%) scale(1.08);opacity:.65}}.drop-console{position:relative;z-index:2;max-width:1220px;margin:auto;border:1px solid rgba(133,222,255,.22);border-radius:28px;background:rgba(7,20,60,.64);box-shadow:0 35px 90px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1);backdrop-filter:blur(18px);overflow:hidden}.drop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;border-bottom:1px solid rgba(137,214,255,.14)}.drop-filters{display:flex;gap:8px;flex-wrap:wrap}.drop-filters button{padding:9px 15px;border:1px solid rgba(120,209,255,.18);border-radius:18px;background:rgba(255,255,255,.04);color:#9fc6e7;cursor:pointer;transition:.25s}.drop-filters button:hover,.drop-filters button.active{border-color:#57f0e3;background:linear-gradient(135deg,#20b9c7,#566ee7);color:white;box-shadow:0 6px 22px rgba(39,197,213,.25)}.drop-search{display:flex;align-items:center;width:210px;padding:0 14px;border:1px solid rgba(120,209,255,.2);border-radius:20px;background:rgba(4,15,48,.5)}.drop-search span{font-size:22px;color:#56e4de}.drop-search input{width:100%;padding:9px;border:0;outline:0;background:transparent;color:white}.drop-search input::placeholder{color:#7690ad}.drop-table-wrap{overflow-x:auto}.drop-table{width:100%;border-collapse:collapse;min-width:820px}.drop-table th{padding:17px 22px;background:rgba(83,131,215,.13);color:#76e9e4;font-size:11px;letter-spacing:2px;text-align:left}.drop-table td{padding:16px 22px;border-top:1px solid rgba(116,174,226,.1);font-size:13px;color:#c8d9ee}.drop-table tbody tr{transition:.25s}.drop-table tbody tr:hover{background:linear-gradient(90deg,rgba(38,218,219,.09),rgba(110,70,220,.08));transform:scale(1.004)}.boss-cell{display:flex;align-items:center;gap:12px;color:white;font-weight:800}.boss-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#23d0c6,#4b78ec);box-shadow:0 6px 18px rgba(36,209,205,.25);font-size:17px}.item-cell{color:#fff!important}.item-cell b{display:inline-block;margin-right:9px;color:#ffe470}.rate{display:inline-block;min-width:56px;padding:5px 10px;border:1px solid rgba(255,205,81,.35);border-radius:14px;color:#ffd75a;text-align:center;font-weight:900}.rate.guaranteed{border-color:#5ef2cf;color:#68f1d4;background:rgba(44,222,188,.08)}.drop-foot{display:flex;justify-content:space-between;padding:18px 24px;background:rgba(3,13,43,.45);color:#708eae;font-size:11px}.drop-foot i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#4ce4c9;box-shadow:0 0 10px #4ce4c9}.drop-empty{padding:60px;text-align:center;color:#7790aa}
@media(max-width:1100px){.hero-copy{margin-left:5vw}.hero-logo b{font-size:82px}.news-panel{grid-template-columns:1fr;margin:0 20px}.news-featured{min-height:380px}.drop-console{margin:0 20px}.drop-toolbar{align-items:flex-start;flex-direction:column}.drop-search{width:100%}}
@media(max-width:900px){.hero{min-height:820px}.hero-backdrop{background-position:61% center}.hero-logo>div{display:block}.hero-logo b{font-size:76px;line-height:.74}.hero-logo i{font-size:8px;letter-spacing:4px}.hero-logo em{right:-60px;bottom:18px}.news-panel{display:block}.news-list-wrap{padding:25px}.drop-foot{gap:12px;flex-direction:column}}
@media(max-width:560px){.hero{min-height:840px}.hero-backdrop{background-position:67% center;opacity:.78}.hero-copy{margin:0 20px;padding:24px 18px!important}.hero-logo b{font-size:66px;letter-spacing:-8px}.hero-logo b:before{display:none}.hero-logo b,.hero-logo b:after{-webkit-text-stroke-width:2px}.hero-logo em{right:-22px;font-size:9px}.logo-cloud{display:none}.hero-slogan{font-size:23px}.news-center{padding-top:100px}.news-featured{padding:42px 28px}.news-featured h3{font-size:28px}.news-tabs{gap:20px}.news-list article{grid-template-columns:42px 1fr}.news-list article>span{width:40px;height:40px}.news-list time{display:none}.drop-toolbar{padding:18px}.drop-filters button{font-size:11px;padding:8px 11px}}

/* Theme-locked game logo: hand-brushed bones, white inset, blue extrusion */
.hero-logo{width:min(650px,88vw);margin:8px 0 4px;filter:none}.logo-svg{display:block;width:100%;height:auto;overflow:visible}.logo-clip-text,.logo-depth,.logo-outer,.logo-edge,.logo-face{font-family:'STKaiti','KaiTi','Noto Serif SC','Microsoft YaHei',sans-serif;font-size:150px;font-weight:900;letter-spacing:-20px;stroke-linejoin:round;stroke-linecap:round}.logo-depth{fill:#064b9d;stroke:#064b9d;stroke-width:34px}.logo-outer{fill:#fff;stroke:#fff;stroke-width:40px}.logo-edge{fill:none;stroke:#0874c8;stroke-width:28px}.logo-face{stroke:#fff;stroke-width:9px;paint-order:stroke fill}.logo-face-blue{fill:url(#logoBlue)}.logo-face-gold{fill:url(#logoGold)}.logo-sweep{fill:rgba(255,255,255,.82);animation:logo-sweep 4.8s ease-in-out infinite}@keyframes logo-sweep{0%,18%{transform:translateX(-120px) skewX(-18deg)}55%,100%{transform:translateX(980px) skewX(-18deg)}}.logo-energy{fill:none;stroke:#6beaf6;stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 7px #fff)}.logo-energy circle{fill:#fff;stroke:#26b9ed}.logo-underline{fill:none;stroke:url(#logoGold);stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 3px 3px rgba(20,102,181,.4))}.logo-roman{fill:#176daf;font:900 16px Arial,sans-serif;letter-spacing:7px}.logo-badge rect{fill:url(#logoBadge);stroke:#fff;stroke-width:5;filter:drop-shadow(0 7px 5px rgba(19,79,157,.35))}.logo-badge text{fill:#fff;font:900 17px 'Noto Serif SC','Microsoft YaHei',sans-serif;letter-spacing:2px;text-anchor:middle}.logo-stars{fill:#fff;animation:logo-stars 2.2s ease-in-out infinite alternate}@keyframes logo-stars{to{opacity:.35;transform:scale(1.08);transform-origin:center}}
.news-center{z-index:6;margin-top:-58px;padding:36px max(6vw,28px) 120px;background:radial-gradient(circle at 15% 20%,rgba(89,223,255,.16),transparent 20%),linear-gradient(180deg,#f5fcff,#fff7fb)}.news-panel{position:relative;margin-top:0}
@media(max-width:900px){.hero-logo{width:min(560px,90vw)}.logo-clip-text,.logo-depth,.logo-outer,.logo-edge,.logo-face{font-size:146px}.news-center{margin-top:-28px;padding-top:28px}}
@media(max-width:560px){.hero-logo{width:100%;margin:6px 0}.logo-clip-text,.logo-depth,.logo-outer,.logo-edge,.logo-face{font-size:139px}.logo-badge{transform:translate(420px,188px) rotate(-4deg)}.news-center{margin-top:-20px;padding:20px 14px 90px}.news-panel{margin:0}.hero-slogan{margin-top:5px}}

/* Custom hand-painted wordmark replaces the system-font SVG */
.hero-logo{width:min(660px,88vw);margin:-32px 0 -56px -18px}.hero-logo-image{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 18px rgba(14,72,143,.22));animation:logo-float 4s ease-in-out infinite}@keyframes logo-float{50%{transform:translateY(-5px) rotate(-.35deg)}}
@media(max-width:900px){.hero-logo{width:min(620px,92vw);margin:-24px 0 -48px -14px}}
@media(max-width:560px){.hero-logo{width:108%;margin:-20px 0 -42px -4%}.hero-logo-image{filter:drop-shadow(0 12px 12px rgba(14,72,143,.2))}}

/* V5 unified fantasy template */
:root{--theme-blue:#167fd0;--theme-cyan:#20cbd0;--theme-sky:#eafaff;--theme-gold:#ffc646;--theme-orange:#ff8a4f;--theme-coral:#f25f72;--theme-violet:#7658d8;--theme-ink:#17476b;--theme-muted:#69889d;--theme-panel:#fffefb;--theme-line:#cfeaf2;--theme-shadow:0 20px 55px rgba(37,119,165,.16)}
body{background:#f1fbff;color:var(--theme-ink);font-family:'Noto Sans SC','Microsoft YaHei',system-ui,sans-serif}
.nav{top:12px;left:2%;width:96%;height:82px;padding:0 26px;border:3px solid rgba(255,255,255,.94);border-bottom-color:#9be8ed;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(237,251,255,.94));box-shadow:0 9px 0 rgba(28,143,194,.1),0 18px 45px rgba(37,112,161,.18);backdrop-filter:blur(18px)}
.nav:before{content:'';position:absolute;z-index:-1;left:42px;right:42px;bottom:-10px;height:16px;background:radial-gradient(circle at 8px 0,#b9eef1 8px,transparent 9px) 0 0/30px 16px repeat-x;opacity:.75}.nav.scrolled{top:7px;height:74px;background:rgba(250,255,255,.96);box-shadow:0 7px 0 rgba(28,143,194,.09),0 15px 38px rgba(37,112,161,.18)}
.brand{width:170px;height:76px;overflow:visible}.nav-logo{display:block;width:164px;height:auto;margin-top:-8px;filter:drop-shadow(0 5px 5px rgba(20,88,150,.13))}
.nav nav{gap:8px}.nav nav a{padding:11px 15px;border:2px solid transparent;border-radius:20px;color:#3f6985;font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;font-size:14px;font-weight:900;letter-spacing:1px;transition:.25s}.nav nav a:after{display:none}.nav nav a:hover{color:var(--theme-blue);background:#fff;border-color:#c8edf1;box-shadow:0 5px 12px rgba(34,139,176,.12);transform:translateY(-2px)}.nav nav a.active{color:#fff;background:linear-gradient(135deg,var(--theme-cyan),#4b8ee5);border-color:white;box-shadow:0 5px 0 #137fb3,0 9px 18px rgba(22,132,184,.22)}.nav nav a.active:before{content:'✦';margin-right:6px;color:#fff59c}
.nav-cta{position:relative;padding:13px 25px;border:3px solid white;border-radius:24px;background:linear-gradient(135deg,var(--theme-gold),var(--theme-orange) 72%,var(--theme-coral));box-shadow:0 5px 0 #d95e4d,0 10px 22px rgba(238,106,69,.26);color:white;font-size:14px;font-weight:900;text-shadow:0 1px rgba(162,72,37,.35)}.nav-cta:before{content:'✦';margin-right:7px;color:#fff9ad}.nav-cta:hover{background:linear-gradient(135deg,#ffdc62,#ff7959);transform:translateY(-2px);box-shadow:0 7px 0 #d95e4d,0 14px 25px rgba(238,106,69,.3)}
.section{isolation:isolate}.section:after{content:'';position:absolute;z-index:-1;left:0;right:0;bottom:-1px;height:34px;background:radial-gradient(ellipse at 50% 100%,rgba(255,255,255,.75),transparent 66%);pointer-events:none}.section-head>p{color:#49a8bd;font-weight:800;letter-spacing:5px}.section-head h2{color:var(--theme-ink);font-family:'Noto Serif SC','Microsoft YaHei',serif;font-weight:900}.section-head h2 em{color:var(--theme-coral);font-family:'Ma Shan Zheng','STKaiti',cursive;text-shadow:2px 2px white}.title-mark{color:rgba(32,166,190,.07)}
.news-center{background:radial-gradient(circle at 12% 15%,rgba(76,220,232,.18),transparent 22%),radial-gradient(circle at 92% 70%,rgba(255,139,166,.13),transparent 24%),linear-gradient(180deg,#eefbff,#fff8f6)}.news-panel{border:7px solid white;outline:2px solid #bfe8ee;border-radius:32px;background:var(--theme-panel);box-shadow:0 8px 0 rgba(29,139,180,.1),var(--theme-shadow)}.news-featured{background:linear-gradient(145deg,rgba(19,179,200,.8),rgba(78,88,211,.9)),url('https://yunchuan-images.pages.dev/assets/yunchuan-hero-v3.png') 80% center/cover;border-radius:24px 0 0 24px}.news-ribbon{border:2px solid white;background:linear-gradient(135deg,#ffe06b,var(--theme-orange));box-shadow:0 4px 0 rgba(173,94,43,.25)}.news-tabs{gap:18px}.news-tabs button{padding:10px 17px 14px;border:2px solid transparent;border-radius:18px 18px 0 0;color:var(--theme-muted);font-weight:900}.news-tabs button.active{color:white;background:linear-gradient(135deg,var(--theme-cyan),var(--theme-blue));border-color:white;box-shadow:0 5px 12px rgba(26,136,183,.18)}.news-tabs button:after{display:none}.news-list article>span{border:2px solid white;box-shadow:0 4px 10px rgba(42,130,165,.1);font-weight:900}.news-list h4{color:var(--theme-ink);font-weight:900}.news-list p,.news-list time{color:#91a7b5}
.world{background:radial-gradient(circle at 15% 30%,rgba(255,205,86,.12),transparent 20%),linear-gradient(180deg,#fff9ef,#eefbff)}.world-grid{gap:26px}.story-card{border:7px solid white;outline:2px solid #b9e1ea;border-radius:30px;box-shadow:0 8px 0 rgba(22,119,170,.12),var(--theme-shadow)}.story-card:before{content:'';position:absolute;z-index:4;inset:8px;border:1px solid rgba(255,233,147,.38);border-radius:19px;pointer-events:none}.card-no{display:grid;place-items:center;width:40px;height:40px;border:2px solid white;border-radius:50%;background:linear-gradient(135deg,var(--theme-gold),var(--theme-orange));color:white;box-shadow:0 4px 0 rgba(173,89,40,.28)}.card-copy small{display:inline-block;padding:5px 11px;border-radius:13px;background:rgba(21,192,193,.85);color:white;font-weight:900}.card-copy h3{font-weight:900;text-shadow:0 2px 10px rgba(0,0,0,.2)}
.features{background:radial-gradient(circle at 50% -10%,rgba(255,255,255,.26),transparent 28%),linear-gradient(145deg,#27c8cf,#2789d5 55%,#6956ce)}.features:before{background:radial-gradient(circle at 20% 70%,rgba(255,226,115,.15),transparent 22%),radial-gradient(circle at 80% 25%,rgba(255,139,178,.16),transparent 20%)}.features .section-head h2{color:white}.features .section-head h2 em{color:#fff29c;text-shadow:0 2px #e46373}.feature-list{overflow:hidden;border:6px solid rgba(255,255,255,.92);border-radius:30px;background:rgba(255,255,255,.11);box-shadow:0 8px 0 rgba(18,100,172,.22),0 24px 60px rgba(25,80,150,.24);backdrop-filter:blur(12px)}.feature{border-color:rgba(255,255,255,.2);background:linear-gradient(180deg,rgba(255,255,255,.07),transparent)}.feature:hover{background:rgba(255,255,255,.17)}.feature-icon{border:4px solid white;border-radius:22px;box-shadow:0 6px 0 rgba(8,80,139,.25),0 12px 23px rgba(0,0,0,.16)}.feature h3{font-weight:900}.feature p{color:rgba(255,255,255,.76)}
.schools{background:radial-gradient(circle at 90% 20%,rgba(255,164,184,.15),transparent 22%),linear-gradient(180deg,#fff9f4,#ecfbff)}.school-stage{overflow:hidden;border:7px solid white;outline:2px solid #c8e9ed;border-radius:32px;background:rgba(255,255,255,.74);box-shadow:0 8px 0 rgba(29,139,180,.1),var(--theme-shadow)}.school-tabs{border-color:#d7ecf0;background:linear-gradient(180deg,#effcff,#fff8f5)}.school-tab{border-color:#d7ecf0;color:#708da0;font-weight:900}.school-tab:hover,.school-tab.active{color:white;background:linear-gradient(135deg,var(--theme-cyan),#4b8ee5)}.school-copy h3{color:var(--theme-blue);font-weight:900}.school-copy blockquote{color:var(--theme-coral)}.skill-row span{border:2px solid white;border-radius:14px;background:linear-gradient(135deg,#e6fbfb,#fff1e9);box-shadow:0 3px 8px rgba(31,122,161,.1);color:#52768b;font-weight:800}
.drops{color:var(--theme-ink);background:radial-gradient(circle at 50% 0,rgba(88,220,230,.2),transparent 32%),radial-gradient(circle at 88% 75%,rgba(255,145,170,.14),transparent 24%),linear-gradient(180deg,#eefbff,#fff7f2)}.drops:before{background:linear-gradient(rgba(35,156,185,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(35,156,185,.04) 1px,transparent 1px);background-size:42px 42px}.drops .section-head.light h2{color:var(--theme-ink)}.drops .section-head.light h2 em{color:var(--theme-coral);text-shadow:2px 2px white}.drops .section-head.light>p{color:#49a8bd}.drop-beam{border-color:rgba(43,198,205,.22);box-shadow:0 0 90px rgba(45,198,207,.14),inset 0 0 60px rgba(100,141,224,.12)}.drop-console{border:7px solid white;outline:2px solid #bfe5eb;border-radius:32px;background:rgba(255,255,255,.88);box-shadow:0 8px 0 rgba(28,130,175,.1),var(--theme-shadow);backdrop-filter:blur(15px)}.drop-toolbar{border-color:#d9edf1;background:linear-gradient(90deg,#eefcff,#fff8f3)}.drop-filters button{border:2px solid #d5edf1;background:white;color:#65889e;font-weight:900}.drop-filters button:hover,.drop-filters button.active{border-color:white;background:linear-gradient(135deg,var(--theme-cyan),#4b8fe6);box-shadow:0 4px 0 #167cae,0 8px 15px rgba(28,139,184,.18);color:white}.drop-search{border:2px solid #d0e8ed;background:white}.drop-search input{color:var(--theme-ink)}.drop-search input::placeholder{color:#9ab0bd}.drop-table th{background:linear-gradient(90deg,#e7fafa,#eef2ff);color:#278aa3;font-weight:900}.drop-table td{border-color:#e0edf1;color:#56788d}.drop-table tbody tr:hover{background:linear-gradient(90deg,#edffff,#fff6ef)}.boss-cell{color:var(--theme-ink)}.boss-icon{border:2px solid white;background:linear-gradient(135deg,var(--theme-cyan),#4b82e5);box-shadow:0 4px 0 #1376aa,0 8px 15px rgba(35,138,181,.18);color:white}.item-cell{color:var(--theme-ink)!important}.rate{border-color:#ffd67c;background:#fff8e6;color:#d88228}.rate.guaranteed{border-color:#8ee1d5;background:#eafff9;color:#159b8c}.drop-foot{background:linear-gradient(90deg,#edfafa,#fff5ef);color:#7896a7}.drop-empty{color:#7f9aab}
.join{background:linear-gradient(rgba(29,150,184,.54),rgba(48,74,163,.82)),url('https://yunchuan-images.pages.dev/assets/yunchuan-hero-v3.png') center/cover fixed}.join-content{padding:48px 64px;border:6px solid rgba(255,255,255,.82);border-radius:34px;background:rgba(18,75,139,.28);box-shadow:0 8px 0 rgba(10,69,139,.25),0 24px 60px rgba(12,68,139,.24);backdrop-filter:blur(8px)}.join h2 em{color:#fff18f}.reserve{overflow:hidden;border:4px solid white;border-radius:28px;box-shadow:0 6px 0 rgba(22,83,145,.28)}.reserve button{background:linear-gradient(135deg,var(--theme-gold),var(--theme-orange));font-weight:900}
.quick-dock{border:4px solid white;border-radius:24px;box-shadow:0 6px 0 rgba(23,107,153,.15),0 16px 38px rgba(27,103,147,.2)}.quick-dock a,.quick-dock button{font-weight:900}.quick-dock a:first-child{background:linear-gradient(145deg,var(--theme-gold),var(--theme-orange),var(--theme-coral))}
footer{background:linear-gradient(145deg,#174d76,#23366e);color:rgba(255,255,255,.6);border-top:6px solid white}.footer-brand b{color:white;background:none;-webkit-text-fill-color:initial}
.footer-brand{display:flex;justify-content:center;margin-bottom:16px}.footer-logo{display:block;width:190px;height:auto;filter:drop-shadow(0 8px 10px rgba(0,0,0,.25))}
.film>div{border:7px solid white;border-radius:30px;background:radial-gradient(circle,rgba(50,213,210,.25),transparent 50%),linear-gradient(135deg,#156d9d,#353579);box-shadow:0 8px 0 #0f487e,0 25px 70px rgba(0,0,0,.35)}
@media(max-width:1050px){.nav nav a{padding:10px 9px;font-size:12px}.brand{width:140px}.nav-logo{width:140px}.nav-cta{padding:11px 16px;font-size:12px}}
@media(max-width:900px){.nav{top:8px;left:4%;width:92%;height:70px;padding:0 18px}.brand{width:130px;height:65px}.nav-logo{width:132px;margin-top:-5px}.news-featured{border-radius:24px 24px 0 0}.join-content{padding:40px 25px}}
@media(max-width:560px){.nav{border-radius:22px}.brand{width:125px}.nav-logo{width:128px}.news-panel,.school-stage,.drop-console{border-width:5px;border-radius:25px}.story-card{border-width:5px}.feature-list{border-width:5px}.join-content{margin:0 14px;border-width:5px}}

/* V6 official-site-inspired 2D Q-version artwork */
.hero{background:#f8d990}.hero-backdrop{background:linear-gradient(90deg,rgba(255,250,232,.94) 0%,rgba(255,249,230,.68) 25%,rgba(255,255,255,.02) 50%),linear-gradient(0deg,rgba(232,177,83,.18),transparent 34%),url('https://yunchuan-images.pages.dev/assets/yunchuan-hero-v5.jpg') center/cover no-repeat;filter:saturate(1.06) contrast(1.02)}
.news-featured{background:linear-gradient(145deg,rgba(28,151,184,.72),rgba(74,82,190,.86)),url('https://yunchuan-images.pages.dev/assets/yunchuan-hero-v5.jpg') 78% center/cover}
.join{background:linear-gradient(rgba(32,128,164,.56),rgba(45,68,145,.86)),url('https://yunchuan-images.pages.dev/assets/yunchuan-hero-v5.jpg') center/cover fixed}

/* V6 current official portal modules */
.portal-entry{position:relative;z-index:12;max-width:1180px;margin:-58px auto 0;padding:0 20px}.portal-grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:6px solid white;border-radius:26px;background:white;box-shadow:0 8px 0 rgba(30,132,166,.1),0 22px 55px rgba(46,112,160,.2)}.portal-grid>a{position:relative;display:grid;grid-template-columns:52px 1fr 18px;gap:13px;align-items:center;min-height:102px;padding:16px 20px;border-right:1px solid #deedf0;background:linear-gradient(180deg,#fff,#f7fcfd);transition:.25s}.portal-grid>a:last-child{border-right:0}.portal-grid>a:hover{z-index:2;background:linear-gradient(135deg,#e9fcff,#fff4e9);transform:translateY(-3px)}.portal-grid b{display:grid;place-items:center;width:48px;height:48px;border:3px solid white;border-radius:17px;background:linear-gradient(145deg,var(--theme-cyan),var(--theme-blue));box-shadow:0 4px 0 #177aae;color:white;font:900 20px var(--serif)}.portal-grid a:nth-child(2) b{background:linear-gradient(145deg,#7b79e8,#5553bd);box-shadow-color:#4745a8}.portal-grid a:nth-child(3) b{background:linear-gradient(145deg,var(--theme-gold),var(--theme-orange));box-shadow-color:#df7c34}.portal-grid a:nth-child(4) b{background:linear-gradient(145deg,#42d3a2,#1aa578);box-shadow-color:#138e67}.portal-grid span{display:grid;gap:5px}.portal-grid strong{color:var(--theme-ink);font-size:15px}.portal-grid small{color:#8ba1ae;font-size:10px}.portal-grid small em{display:inline-block;width:7px;height:7px;border-radius:50%;background:#31c98e;box-shadow:0 0 0 4px rgba(49,201,142,.13)}.portal-grid i{color:#85a2b2;font:24px Arial}.portal-entry+.news-center{margin-top:0;padding-top:38px}
@media(max-width:900px){.portal-entry{margin-top:-34px}.portal-grid{grid-template-columns:1fr 1fr}.portal-grid>a:nth-child(2){border-right:0}.portal-grid>a:nth-child(-n+2){border-bottom:1px solid #deedf0}.portal-entry+.news-center{padding-top:30px}}
@media(max-width:560px){.portal-entry{margin-top:-22px;padding:0 14px}.portal-grid{border-width:5px;border-radius:22px}.portal-grid>a{grid-template-columns:42px 1fr;min-height:84px;padding:12px}.portal-grid b{width:40px;height:40px;border-radius:14px;font-size:17px}.portal-grid i{display:none}.portal-grid strong{font-size:13px}.portal-grid small{font-size:9px}}

/* V7 梦幻西游手游素材主题 */
:root{--mh-cyan:#1bcce0;--mh-blue:#2588e8;--mh-yellow:#ffd448;--mh-coral:#ff6f73;--mh-purple:#7468e8}
body{background:#f3fbff}
.grain{opacity:.045}
.hero{min-height:820px;background:linear-gradient(145deg,#e8fbff 0%,#fff7d9 42%,#ffe8ea 72%,#e9e6ff 100%);isolation:isolate}
.hero-backdrop{inset:0;filter:none;background:radial-gradient(circle at 72% 24%,rgba(255,255,255,.95) 0 4%,transparent 4.2%),radial-gradient(circle at 83% 18%,rgba(255,211,64,.65) 0 1.2%,transparent 1.4%),radial-gradient(circle at 61% 67%,rgba(54,212,228,.25),transparent 29%),url('https://yunchuan-images.pages.dev/assets/official-mobile-footer.png') center bottom/100% auto no-repeat;opacity:.82;animation:hero-in 1.2s ease both}
.hero:after{content:'';position:absolute;z-index:1;left:0;right:0;bottom:0;height:170px;background:linear-gradient(transparent,rgba(241,251,255,.94))}
.hero-mobile-character{position:absolute;z-index:1;right:-8vw;bottom:24px;width:min(1180px,77vw);max-width:none;height:auto;filter:drop-shadow(0 25px 28px rgba(38,103,178,.18));pointer-events:none;animation:role-enter 1.25s cubic-bezier(.2,.7,.2,1) both}
@keyframes role-enter{from{opacity:0;transform:translateX(45px) scale(.96)}to{opacity:1;transform:none}}
.hero-copy{z-index:4;margin-left:7vw;padding-top:56px}
.hero-logo{width:min(620px,48vw);margin:-30px 0 -50px -18px}
.hero-logo-image{filter:drop-shadow(0 7px 0 rgba(255,255,255,.9)) drop-shadow(0 17px 16px rgba(25,101,179,.24))}
.hero-desc{max-width:470px;color:#416c89;text-shadow:0 1px 0 white}
.hero-slogan{color:#f06b69;text-shadow:0 2px white}
.hero-stats{z-index:5}
.sparkles{position:absolute;inset:0;z-index:3}
.portal-entry{z-index:15}
.portal-grid{border-color:rgba(255,255,255,.98);outline:2px solid rgba(86,209,225,.38)}
.portal-grid>a:hover{background:linear-gradient(135deg,#e7fdff,#fff7d8 55%,#ffeaea)}
.news-center{background:radial-gradient(circle at 8% 14%,rgba(61,214,229,.2),transparent 20%),radial-gradient(circle at 94% 75%,rgba(255,114,140,.15),transparent 23%),linear-gradient(180deg,#eefcff,#fff8ed)}
.news-featured{background:linear-gradient(120deg,rgba(19,157,200,.88),rgba(57,91,203,.64)),url('https://yunchuan-images.pages.dev/assets/official-mobile-01.png') 52% center/cover no-repeat}
.world{background:radial-gradient(circle at 7% 28%,rgba(255,210,68,.18),transparent 18%),radial-gradient(circle at 92% 66%,rgba(70,209,225,.18),transparent 22%),linear-gradient(180deg,#fffaf0,#eefbff)}
.art-changan{background:linear-gradient(0deg,rgba(20,43,101,.52),rgba(255,211,76,.05)),linear-gradient(135deg,#f7c940,#ff8a78 70%)}
.art-changan:before,.art-cloud:before,.art-wild:before{content:'';position:absolute;inset:0;background-repeat:no-repeat;background-size:auto 105%;background-position:61% center;filter:drop-shadow(0 15px 15px rgba(25,66,129,.2))}
.art-changan:before{background-image:url('https://yunchuan-images.pages.dev/assets/official-mobile-character-fyn.png')}
.art-cloud{background:linear-gradient(0deg,rgba(20,55,105,.56),rgba(45,204,222,.02)),linear-gradient(135deg,#30d4df,#3e80e1)}
.art-cloud:before{background-image:url('https://yunchuan-images.pages.dev/assets/official-mobile-character-yxh.png');background-position:62% center}
.art-wild{background:linear-gradient(0deg,rgba(55,37,105,.58),rgba(118,104,232,.02)),linear-gradient(135deg,#8b72ec,#ff7f9e)}
.art-wild:before{background-image:url('https://yunchuan-images.pages.dev/assets/official-mobile-character-msj.png');background-position:62% center}
.card-art:after{z-index:1;background:linear-gradient(0deg,rgba(13,33,70,.94),transparent 72%)}
.card-art span{z-index:2}
.features{background:radial-gradient(circle at 15% 75%,rgba(255,219,75,.2),transparent 20%),radial-gradient(circle at 88% 22%,rgba(255,119,151,.22),transparent 22%),linear-gradient(135deg,#1bd0d5,#278ce6 56%,#7164e3)}
.school-visual{overflow:hidden;background:radial-gradient(circle at 58% 45%,rgba(255,217,83,.34),transparent 28%),linear-gradient(155deg,#e8fdff,#fff4df 54%,#ffe8ed)}
.school-role-art{display:block;width:100%;height:100%;object-fit:cover;object-position:62% center;filter:drop-shadow(0 18px 18px rgba(31,102,174,.18))}
.school-emblem,.school-ring{display:none}
.drops{background:radial-gradient(circle at 10% 18%,rgba(50,210,224,.18),transparent 20%),radial-gradient(circle at 92% 72%,rgba(255,118,143,.14),transparent 22%),linear-gradient(180deg,#ecfbff,#fff8ed)}
.join{background:linear-gradient(120deg,rgba(22,143,192,.64),rgba(62,73,178,.78)),url('https://yunchuan-images.pages.dev/assets/official-mobile-02.png') center/cover no-repeat fixed}
footer{background:linear-gradient(145deg,#176e9d,#41449e)}

@media(max-width:1100px){
  .hero-mobile-character{right:-18vw;width:94vw}
  .hero-logo{width:min(590px,55vw)}
}
@media(max-width:900px){
  .hero{min-height:900px;align-items:flex-end;padding-bottom:150px}
  .hero-backdrop{background-size:auto,auto,auto,1500px auto;background-position:center,center,center,62% bottom}
  .hero-mobile-character{right:-235px;bottom:215px;width:820px}
  .hero-copy{width:auto;margin:0 5vw;padding:28px 28px 32px;border:4px solid rgba(255,255,255,.9);border-radius:28px;background:rgba(255,255,255,.72);box-shadow:0 18px 50px rgba(41,112,168,.16);backdrop-filter:blur(8px)}
  .hero-logo{width:min(570px,82vw);margin:-25px 0 -48px -16px}
  .hero-desc{max-width:600px}
  .portal-entry{margin-top:-52px}
  .story-card,.card-tall{height:410px}
  .art-changan:before,.art-cloud:before,.art-wild:before{background-size:auto 120%;background-position:62% center}
  .school-role-art{object-position:60% center}
  .join{background-attachment:scroll}
  .quick-dock{display:none}
}
@media(max-width:560px){
  .nav{top:7px;left:3%;width:94%;padding:0 12px}
  .brand{width:118px}.nav-logo{width:120px}
  .hero{min-height:850px;padding-bottom:128px}
  .hero-backdrop{background-size:auto,auto,auto,980px auto;background-position:center,center,center,60% bottom;opacity:.65}
  .hero-mobile-character{right:-188px;bottom:358px;width:650px;filter:drop-shadow(0 16px 20px rgba(38,103,178,.16))}
  .hero-copy{margin:0 14px;padding:20px 16px 24px;border-width:3px;border-radius:24px;background:rgba(255,255,255,.82)}
  .eyebrow{font-size:9px;letter-spacing:2px}
  .hero-logo{width:112%;margin:-18px 0 -40px -7%}
  .hero-slogan{margin-top:4px;font-size:21px;letter-spacing:3px}
  .hero-desc{font-size:12px;line-height:1.75}
  .hero-actions{gap:9px;margin-top:20px}.btn{height:46px;padding:0 17px;font-size:12px}
  .portal-entry{margin-top:-38px;padding:0 10px}.portal-grid{grid-template-columns:1fr 1fr}
  .portal-grid>a{min-width:0;padding:10px 8px;gap:8px}.portal-grid strong{white-space:nowrap}
  .news-featured{min-height:390px;background-position:55% center}
  .news-featured h3{font-size:26px}.news-featured p{font-size:12px}
  .world-grid{grid-template-columns:1fr}.story-card,.card-tall{height:380px}
  .art-changan:before,.art-cloud:before,.art-wild:before{background-size:auto 112%;background-position:62% center}
  .feature-list{grid-template-columns:1fr}
  .school-tabs{overflow-x:auto;scrollbar-width:none}.school-tabs::-webkit-scrollbar{display:none}.school-tab{min-width:88px;white-space:nowrap}
  .school-visual{height:300px}.school-role-art{object-position:62% center}
  .school-copy{padding:22px 16px 38px}.school-copy h3{font-size:38px}.skill-row{flex-wrap:wrap}
  .drop-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.drop-table{min-width:760px}
  .join{height:auto;min-height:620px;padding:100px 0;background-position:54% center}
  .join-content{width:calc(100% - 24px);padding:34px 14px}.join h2{font-size:34px;letter-spacing:2px}
  .reserve{height:auto;flex-wrap:wrap;overflow:visible;border:0;box-shadow:none}.reserve label{height:52px;border:3px solid white;border-radius:24px}.reserve button{width:100%;height:50px;margin-top:10px;border:3px solid white;border-radius:24px;box-shadow:0 5px 0 rgba(22,83,145,.28)}
  footer{padding-bottom:36px}
}

/* 一生所爱 · 大话西游主题活动 */
.love-event{overflow:hidden;padding-top:72px;padding-bottom:120px;background:radial-gradient(circle at 15% 20%,rgba(255,205,70,.2),transparent 20%),radial-gradient(circle at 90% 78%,rgba(156,101,232,.19),transparent 24%),linear-gradient(150deg,#fff6dd,#ffe9ed 48%,#eeeaff)}
.love-event:before{content:'一 生 所 爱';position:absolute;left:3vw;top:22px;color:rgba(120,78,167,.055);font:900 clamp(70px,12vw,190px)/1 'STKaiti','KaiTi',serif;letter-spacing:2vw;white-space:nowrap}
.love-event-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(420px,.94fr) minmax(520px,1.06fr);max-width:1220px;min-height:620px;margin:auto;overflow:hidden;border:8px solid white;outline:2px solid rgba(242,172,176,.5);border-radius:38px;background:rgba(255,255,255,.88);box-shadow:0 10px 0 rgba(155,94,169,.1),0 30px 75px rgba(111,77,151,.2)}
.love-event-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 67% 34%,rgba(255,242,169,.8),transparent 19%),linear-gradient(150deg,#ffcf6d,#fa8791 51%,#8372e6)}
.love-event-visual:before{content:'';position:absolute;inset:0;background:url('https://yunchuan-images.pages.dev/assets/official-mobile-footer.png') 48% bottom/auto 72% no-repeat;mix-blend-mode:screen;opacity:.34}
.love-event-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(67,36,121,.78),transparent 54%)}
.love-event-visual>img{position:absolute;z-index:1;right:-130px;top:6px;width:930px;max-width:none;height:auto;filter:drop-shadow(0 24px 24px rgba(90,44,120,.2))}
.love-event-title{position:absolute;z-index:3;left:42px;right:30px;bottom:38px;color:white;text-shadow:0 3px 14px rgba(74,30,91,.35)}
.love-event-title>span{display:inline-block;padding:7px 15px;border:2px solid white;border-radius:18px;background:linear-gradient(135deg,#ffd044,#ff7c6d);box-shadow:0 4px 0 rgba(136,64,76,.25);font-size:12px;font-weight:900;letter-spacing:2px}
.love-event-title small{display:block;margin-top:18px;font:10px Arial,sans-serif;letter-spacing:5px;opacity:.75}
.love-event-title h2{margin:2px 0 -4px;font:900 clamp(64px,7vw,104px)/1 'STKaiti','KaiTi','Noto Serif SC',serif;letter-spacing:-4px}.love-event-title p{margin:0;color:#fff3a4;font-size:22px;font-weight:900;letter-spacing:8px}
.love-event-content{display:flex;flex-direction:column;justify-content:center;padding:48px 52px;color:#4e496e}
.love-event-meta{display:flex;align-items:center;gap:12px;color:#9b7491;font:700 12px Arial,sans-serif;letter-spacing:2px}.love-event-meta b{color:#f06472;font-size:21px}.love-event-meta i{width:42px;height:2px;background:linear-gradient(90deg,#f06472,#826bd7)}.love-event-meta em{margin-left:auto;padding:6px 11px;border-radius:14px;background:#f2eaff;color:#765bba;font-style:normal;font-weight:900}
.love-event-content>h3{margin:18px 0 15px;color:#3c426c;font:900 clamp(31px,3.4vw,48px)/1.35 'Noto Serif SC','Microsoft YaHei',serif;letter-spacing:2px}.love-event-content>h3 em{color:#ef6577;font:normal 1em 'Ma Shan Zheng','STKaiti',cursive}.love-event-content>p{margin:0;color:#77738d;font-size:13px;line-height:1.9}
.love-chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 18px}.love-chapters article{display:flex;align-items:center;gap:9px;min-width:0;padding:13px 10px;border:2px solid #f1e4eb;border-radius:17px;background:linear-gradient(145deg,#fff,#fff7f0);box-shadow:0 5px 14px rgba(106,73,134,.07)}.love-chapters article>b{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:2px solid white;border-radius:12px;background:linear-gradient(145deg,#ffca48,#f06b78);box-shadow:0 3px 0 rgba(163,71,84,.22);color:white}.love-chapters span{display:grid;min-width:0;gap:3px}.love-chapters strong{color:#514b70;font-size:12px;white-space:nowrap}.love-chapters small{overflow:hidden;color:#a08fa1;font-size:9px;white-space:nowrap;text-overflow:ellipsis}
.love-rewards{display:flex;flex-wrap:wrap;gap:8px}.love-rewards span{padding:7px 10px;border-radius:13px;background:#f7f1ff;color:#756d8d;font-size:10px}.love-rewards b{margin-right:5px;color:#ee6476}.love-event-cta{align-self:flex-start;margin-top:24px;padding:13px 25px;border:3px solid white;border-radius:24px;background:linear-gradient(135deg,#ffcf49,#ff7a71 64%,#936ee0);box-shadow:0 5px 0 #c75770,0 10px 22px rgba(202,84,111,.2);color:white;font-size:13px;font-weight:900;letter-spacing:2px}.love-event-cta:hover{transform:translateY(-2px)}.love-event-cta i{margin-left:16px;font:20px Arial}

@media(max-width:1000px){.love-event-shell{grid-template-columns:1fr;max-width:760px}.love-event-visual{min-height:470px}.love-event-visual>img{right:-80px;width:900px}.love-event-content{padding:44px}.love-event-title h2{font-size:86px}}
@media(max-width:560px){.love-event{padding:72px 12px 90px}.love-event-shell{display:block;min-height:0;border-width:5px;border-radius:27px}.love-event-visual{min-height:400px}.love-event-visual>img{right:-140px;top:20px;width:735px}.love-event-title{left:22px;right:18px;bottom:25px}.love-event-title h2{font-size:65px}.love-event-title p{font-size:16px;letter-spacing:5px}.love-event-content{padding:28px 18px 34px}.love-event-content>h3{font-size:29px}.love-event-meta em{font-size:9px}.love-chapters{grid-template-columns:1fr;gap:8px}.love-chapters article{padding:11px}.love-chapters small{font-size:10px}.love-event-cta{width:100%;text-align:center}.love-rewards{display:grid;grid-template-columns:1fr 1fr}.love-rewards span:last-child{grid-column:1/-1}}

/* V8 unified action hierarchy */
.nav{left:50%;width:calc(100% - 48px);max-width:1680px;height:78px;transform:translateX(-50%);padding:0 22px;border-radius:25px}
.nav.scrolled{left:50%;height:68px;transform:translateX(-50%)}
.nav nav{gap:4px;padding:5px;border:1px solid #d8f1f4;border-radius:24px;background:rgba(235,250,253,.78)}
.nav nav a{min-width:88px;padding:10px 14px;text-align:center;border-radius:18px}
.nav nav a.active{box-shadow:0 4px 0 #147ead,0 7px 15px rgba(22,132,184,.2)}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;min-width:142px;height:48px;padding:0 22px;border-radius:22px}
.hero-actions{align-items:center;gap:12px;margin-top:26px}
.hero-actions .btn{justify-content:center;height:52px;border-width:2px;border-radius:24px;font-weight:900}
.hero-actions .btn-primary{min-width:170px;box-shadow:0 5px 0 #db7450,0 12px 25px rgba(232,111,72,.2)}
.hero-actions .btn-ghost{min-width:158px;background:rgba(255,255,255,.82);box-shadow:0 5px 0 rgba(52,138,170,.14),0 12px 25px rgba(42,111,149,.12)}
.hero-actions .btn:hover{transform:translateY(-2px)}
.hero-stats{right:max(5vw,calc((100vw - 1280px)/2));bottom:76px;border:3px solid white;border-radius:20px;box-shadow:0 6px 0 rgba(36,116,158,.12),0 16px 35px rgba(41,105,153,.16)}
.hero-stats div{min-width:118px;padding:15px 21px}.hero-stats strong{font-size:24px}.hero-stats span{font-size:9px}
.portal-entry{max-width:1320px;margin-top:-52px}
.portal-grid{border-radius:24px;box-shadow:0 7px 0 rgba(30,132,166,.1),0 18px 42px rgba(46,112,160,.17)}
.portal-grid>a{grid-template-columns:48px minmax(0,1fr) 16px;min-height:92px;padding:13px 18px}
.portal-grid b{width:46px;height:46px;border-radius:15px}
.portal-grid strong{font-size:14px}.portal-grid i{font-size:20px;transition:.25s}
.portal-grid>a:hover i{transform:translateX(4px);color:var(--theme-blue)}
.quick-dock{right:max(18px,calc((100vw - 1320px)/2 - 88px));width:76px;border-width:3px;border-radius:22px;overflow:hidden}
.quick-dock a,.quick-dock button{min-height:82px;padding:10px 5px}
.quick-dock b{font-size:21px}.quick-dock span{font-size:10px}
.news-featured{isolation:isolate;overflow:hidden;background:radial-gradient(circle at 78% 24%,rgba(255,244,169,.92),transparent 18%),linear-gradient(145deg,#22cbd8 0%,#3c91df 52%,#7769e5 100%)}
.news-featured:before{content:'';position:absolute;z-index:-1;inset:0;background:url('https://yunchuan-images.pages.dev/assets/official-mobile-character-xys.png') 63% center/auto 108% no-repeat;filter:drop-shadow(0 20px 22px rgba(29,64,152,.22))}
.news-featured:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(18,119,167,.9) 0%,rgba(26,128,181,.7) 43%,rgba(52,83,185,.06) 72%),linear-gradient(0deg,rgba(46,55,145,.58),transparent 58%)}
.news-featured .news-ribbon{background:linear-gradient(135deg,#ffe15a,#ff8a5e);color:#6e4b36}
.news-featured>a{background:rgba(255,255,255,.16);backdrop-filter:blur(5px)}
.art-changan,.art-cloud,.art-wild,.school-visual{background-blend-mode:normal}

@media(max-width:1050px){
  .nav nav{background:transparent;border:0;padding:0}.nav nav a{min-width:0;padding:9px 8px}
  .hero-stats{right:4vw}
}
@media(max-width:900px){
  .nav{left:50%;width:calc(100% - 28px);transform:translateX(-50%)}
  .nav.scrolled{left:50%;transform:translateX(-50%)}
  .hero-actions .btn-primary,.hero-actions .btn-ghost{min-width:150px}
  .portal-entry{margin-top:-44px}
  .news-featured:before{background-position:62% center;background-size:auto 112%}
}
@media(max-width:560px){
  .nav{width:calc(100% - 20px);padding:0 12px}
  .hero-actions{gap:8px}.hero-actions .btn{min-width:0;height:46px;padding:0 15px}
  .hero-actions .btn-primary{flex:1}.hero-actions .btn-ghost{flex:1}
  .portal-entry{margin-top:-36px}
  .portal-grid>a{grid-template-columns:40px minmax(0,1fr);min-height:80px;padding:10px 8px}
  .portal-grid b{width:40px;height:40px}.portal-grid strong{font-size:12px}
  .news-featured:before{background-position:63% center;background-size:auto 105%}
  .news-featured:after{background:linear-gradient(0deg,rgba(45,55,143,.9) 0%,rgba(24,126,178,.62) 58%,rgba(24,126,178,.08) 100%)}
}

/* V9 sliced navigation and connected section landings */
.nav:before{display:none}
.nav nav{gap:8px;padding:0;border:0;border-radius:0;background:transparent}
.nav nav a{display:inline-flex;align-items:center;justify-content:center;min-width:96px;height:44px;padding:0 15px;border:2px solid rgba(190,230,237,.86);border-radius:17px;background:rgba(255,255,255,.76);box-shadow:0 3px 0 rgba(39,133,169,.1);color:#3f6985;transition:transform .2s,box-shadow .2s,background .2s,color .2s}
.nav nav a:hover{border-color:white;background:linear-gradient(145deg,#fff,#eafcff);box-shadow:0 4px 0 rgba(38,139,177,.16),0 8px 16px rgba(40,116,157,.12);transform:translateY(-2px)}
.nav nav a.active{border-color:white;background:linear-gradient(145deg,#23cbd4,#318de0);box-shadow:0 4px 0 #137dad,0 8px 16px rgba(22,132,184,.2);color:white}
.nav nav a.active:before{content:'✦';margin-right:6px;color:#fff59c;font-size:10px}
main>section{margin-block:0}
.section:after{display:none}
.news-center{padding-bottom:82px}
.love-event{padding-top:48px;padding-bottom:88px}
.world,.features,.schools,.drops{padding-top:92px;padding-bottom:92px}
.drop-table-wrap{max-height:690px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#55cbd5 #edf9fb;scrollbar-width:thin}
.drop-table thead{position:sticky;z-index:4;top:0;box-shadow:0 2px 0 rgba(40,150,178,.12)}
.drop-table-wrap::-webkit-scrollbar{width:9px;height:9px}.drop-table-wrap::-webkit-scrollbar-track{background:#edf9fb}.drop-table-wrap::-webkit-scrollbar-thumb{border:2px solid #edf9fb;border-radius:8px;background:linear-gradient(#26cad3,#428ee0)}

@media(max-width:1180px){.nav nav{gap:4px}.nav nav a{min-width:78px;padding:0 9px;font-size:12px}}
@media(max-width:900px){.nav nav{display:none}.news-center{padding-bottom:70px}.love-event{padding-top:36px;padding-bottom:76px}.world,.features,.schools,.drops{padding-top:80px;padding-bottom:80px}.drop-table-wrap{max-height:620px}}

/* V10 RegisterServer account flow and grouped drop rewards */
.join{height:auto;min-height:860px;padding:110px 20px}
.join-content{width:min(780px,calc(100% - 24px));padding:44px 54px}
.join-content>p:first-child{font-size:12px;font-weight:800}
.account-tabs{display:flex;width:min(390px,100%);margin:24px auto 18px;padding:5px;border:2px solid rgba(255,255,255,.6);border-radius:22px;background:rgba(8,67,126,.24)}
.account-tabs button{flex:1;height:42px;border:0;border-radius:16px;background:transparent;color:rgba(255,255,255,.72);cursor:pointer;font-weight:900;letter-spacing:2px}
.account-tabs button.active{background:linear-gradient(135deg,#25ccd3,#398ee1);box-shadow:0 4px 0 #156fa4;color:white}
.account-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;width:100%;margin:0 auto 14px;text-align:left}
.account-form label{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;height:54px;overflow:hidden;border:3px solid white;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 4px 0 rgba(19,77,143,.2)}
.account-form label>span{padding-left:15px;border-right:1px solid #dbe8ee;color:#3f6d86;font-size:12px;font-weight:900}
.account-form input{min-width:0;height:100%;border:0;outline:0;padding:0 13px;background:transparent;color:#173854;font:13px 'Microsoft YaHei',sans-serif}
.account-form input::placeholder{color:#9aaeb9}
.account-form input:focus{background:#f0fdff}
.account-form .invite-field{grid-column:1/-1}
.account-form .invite-field[hidden]{display:none}
.account-submit{grid-column:1/-1;height:54px;border:3px solid white;border-radius:19px;background:linear-gradient(135deg,var(--theme-gold),var(--theme-orange),var(--theme-coral));box-shadow:0 5px 0 #bd5c62,0 12px 25px rgba(97,39,105,.22);color:white;cursor:pointer;font-size:16px;font-weight:900;letter-spacing:4px}
.account-submit:hover{transform:translateY(-2px)}.account-submit:disabled{cursor:wait;filter:saturate(.5);transform:none}
.form-note{display:block;min-height:20px;color:rgba(255,255,255,.68);font-size:12px}.form-note.success{color:#bfffe8}.form-note.error{color:#ffe08a}

.grouped-drop-table{min-width:980px}
.grouped-drop-table th:nth-child(1){width:15%}.grouped-drop-table th:nth-child(2){width:13%}.grouped-drop-table th:nth-child(3){width:57%}.grouped-drop-table th:nth-child(4){width:15%}
.grouped-drop-table td{padding-top:18px;padding-bottom:18px;vertical-align:middle}
.reward-list{display:flex;flex-wrap:wrap;gap:9px}
.reward-item{display:grid;gap:3px;min-width:142px;padding:9px 12px;border:2px solid #d9edf1;border-radius:14px;background:linear-gradient(145deg,#fff,#effcff);box-shadow:0 3px 0 rgba(39,135,172,.08)}
.reward-item b{color:var(--theme-ink);font-size:12px}.reward-item small{color:#df7c34;font-size:10px;font-weight:900}
.extra-reward{font-weight:800;line-height:1.6}

@media(max-width:700px){
  .join{min-height:940px;padding:90px 0}.join-content{padding:31px 14px}.join h2{margin-inline:0}.join-desc{line-height:1.8}
  .account-form{grid-template-columns:1fr}.account-form label,.account-form .invite-field,.account-submit{grid-column:1;height:52px}.account-form label{grid-template-columns:82px minmax(0,1fr)}
  .grouped-drop-table{display:block;min-width:0;width:100%}.grouped-drop-table thead{display:none}.grouped-drop-table tbody{display:grid;gap:12px;padding:12px;background:#eefbff}.grouped-drop-table tr{display:grid;padding:14px;border:3px solid white;border-radius:20px;background:linear-gradient(145deg,#fff,#f2fcff);box-shadow:0 4px 0 rgba(34,132,171,.09)}
  .grouped-drop-table td{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:start;padding:8px 0;border:0}.grouped-drop-table td:before{content:attr(data-label);padding-top:5px;color:#6e91a5;font-size:10px;font-weight:900}.grouped-drop-table .boss-cell{padding:0}.grouped-drop-table .reward-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.reward-item{min-width:0;padding:8px}.extra-reward{font-size:12px}
}
@media(max-width:420px){.grouped-drop-table .reward-list{grid-template-columns:1fr}.account-tabs{margin-top:20px}.account-form input{font-size:12px}}

/* V11 server-backed new player benefits */
.newbie-benefits{padding-top:82px;padding-bottom:92px;background:radial-gradient(circle at 8% 12%,rgba(255,210,91,.2),transparent 24%),radial-gradient(circle at 92% 72%,rgba(80,205,221,.18),transparent 24%),linear-gradient(180deg,#fff9e8,#eefbff)}
.newbie-shell{max-width:1320px;margin:auto;padding:24px;border:6px solid white;outline:2px solid rgba(85,198,211,.28);border-radius:34px;background:rgba(255,255,255,.72);box-shadow:0 8px 0 rgba(30,132,166,.09),0 24px 60px rgba(46,112,160,.15)}
.gift-code-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.gift-code-card{overflow:hidden;border:3px solid white;border-radius:26px;background:white;box-shadow:0 8px 24px rgba(38,106,150,.12)}
.gift-code-head{position:relative;display:grid;gap:4px;min-height:150px;padding:25px 28px;color:white}.gift-code-head:after{content:'礼';position:absolute;right:20px;bottom:-30px;color:rgba(255,255,255,.13);font:900 130px var(--serif)}.gift-code-head span{font-size:12px;font-weight:900;letter-spacing:3px}.gift-code-head strong{position:relative;z-index:1;font:900 clamp(36px,4vw,58px) Arial,sans-serif;letter-spacing:2px}.gift-code-head small{font-size:11px;opacity:.82}.gift-code-666 .gift-code-head{background:linear-gradient(135deg,#ffb832,#ff6d63)}.gift-code-888 .gift-code-head{background:linear-gradient(135deg,#29cbd0,#477de2)}
.gift-rewards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;padding:1px;list-style:none;background:#e7f0f2}.gift-rewards li{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;min-height:68px;padding:10px 15px;background:linear-gradient(145deg,#fff,#f7fcfd)}.gift-rewards b{color:#f18a39;font:900 18px Arial}.gift-code-888 .gift-rewards b{color:#268db9}.gift-rewards span{color:#315d73;font-size:13px;font-weight:800}
.gift-rule{display:flex;align-items:center;gap:16px;margin:20px 0;padding:16px 20px;border:2px dashed #bde0e6;border-radius:18px;background:linear-gradient(90deg,#edffff,#fff8e8);color:#688b9d;font-size:12px}.gift-rule b{flex:0 0 auto;padding:7px 13px;border-radius:20px;background:#20b7bf;color:white;font-size:11px}
.starter-pets{display:grid;grid-template-columns:minmax(270px,1.2fr) 1fr 1fr;gap:18px;align-items:stretch}.starter-pets-copy{padding:24px}.starter-pets-copy>span{color:#e88445;font-size:11px;font-weight:900;letter-spacing:2px}.starter-pets-copy h3{margin:8px 0;color:var(--theme-ink);font:900 24px var(--serif)}.starter-pets-copy p{margin:0;color:#7593a4;font-size:12px;line-height:1.8}.pet-card{display:grid;grid-template-columns:68px 1fr;gap:15px;align-items:center;padding:20px;border:3px solid white;border-radius:22px;background:linear-gradient(135deg,#e8feff,#eef3ff);box-shadow:0 5px 0 rgba(33,139,177,.09)}.pet-card i{display:grid;place-items:center;width:62px;height:62px;border:4px solid white;border-radius:22px;background:linear-gradient(145deg,#33ced4,#477de3);box-shadow:0 5px 0 #197cae;color:white;font:900 26px var(--serif)}.pet-gulu{background:linear-gradient(135deg,#fff8db,#ffedf0)}.pet-gulu i{background:linear-gradient(145deg,#ffc844,#ff7670);box-shadow-color:#d8783b}.pet-card div{display:grid;gap:5px}.pet-card strong{color:var(--theme-ink);font-size:18px}.pet-card small{color:#608397;font-weight:800}.pet-card span{color:#8aa2af;font-size:10px}
@media(max-width:900px){.gift-code-grid{grid-template-columns:1fr}.starter-pets{grid-template-columns:1fr 1fr}.starter-pets-copy{grid-column:1/-1}.newbie-benefits{padding-top:70px}}
@media(max-width:560px){.newbie-benefits{padding:62px 14px}.newbie-shell{padding:12px;border-width:5px;border-radius:26px}.gift-code-grid{gap:14px}.gift-code-head{min-height:125px;padding:20px}.gift-rewards{grid-template-columns:1fr}.gift-rewards li{min-height:54px}.gift-rule{align-items:flex-start;flex-direction:column}.starter-pets{grid-template-columns:1fr;gap:12px}.starter-pets-copy{grid-column:auto;padding:14px 8px}.pet-card{padding:15px}.pet-card i{width:56px;height:56px}.section-head{margin-bottom:40px}}

/* V14 fantasy mobile-game drop title */
.drops .section-head.light>p{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin:0 auto 18px;padding:7px 18px;border:2px solid rgba(78,190,212,.25);border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 4px 0 rgba(43,153,190,.1);font-weight:900;letter-spacing:5px}
.drops .section-head.light>p:before,.drops .section-head.light>p:after{content:'✦';color:#ffba43;font-size:10px;letter-spacing:0}
.drops .section-head.light h2{
  position:relative;display:flex;align-items:center;gap:.22em;width:max-content;max-width:100%;margin:0 auto 24px;padding:.2em .7em .38em;
  background:none;color:#168fce;-webkit-text-fill-color:#168fce;font-family:'ZCOOL KuaiLe','YouYuan','Microsoft YaHei',sans-serif;font-size:clamp(48px,5.2vw,80px);font-weight:400;line-height:1.08;letter-spacing:.025em;
  -webkit-text-stroke:0;
  text-shadow:-2px -2px 0 #fff,0 -2px 0 #fff,2px -2px 0 #fff,-2px 0 0 #fff,2px 0 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff,0 3px 0 #1878ba,0 7px 0 #075395,0 12px 18px rgba(24,83,154,.23);
  filter:drop-shadow(0 0 8px rgba(255,255,255,.75));transform:rotate(-1deg);white-space:nowrap
}
.drops .section-head h2:before{content:'✦';position:absolute;left:.06em;top:-.14em;color:#ffe064;font:900 .34em Arial;-webkit-text-fill-color:#ffe064;-webkit-text-stroke:3px #fff;text-shadow:0 3px 0 #ed8b32,0 0 12px #fff;transform:rotate(-10deg)}
.drops .section-head h2:after{content:'';position:absolute;left:10%;right:8%;bottom:.02em;height:8px;border-radius:50%;background:linear-gradient(90deg,transparent,#43d9ee 16%,#fff078 49%,#ff8b62 84%,transparent);box-shadow:0 3px 0 rgba(22,117,181,.25),0 0 14px rgba(72,211,229,.38);transform:skewX(-16deg)}
.drops .section-head.light h2 em{
  background:none;color:#f05d78;-webkit-text-fill-color:#f05d78;font-family:inherit;font-style:normal;font-weight:900;letter-spacing:.01em;
  -webkit-text-stroke:0;
  text-shadow:-2px -2px 0 #fff8ef,0 -2px 0 #fff8ef,2px -2px 0 #fff8ef,-2px 0 0 #fff8ef,2px 0 0 #fff8ef,-2px 2px 0 #fff8ef,2px 2px 0 #fff8ef,0 3px 0 #e95b6b,0 7px 0 #9f438c,0 12px 18px rgba(124,59,148,.21)
}
.drops .section-head .title-mark{top:-45px;color:rgba(43,192,213,.035);font-family:'Noto Serif SC','STKaiti',serif;font-size:125px;font-weight:900;-webkit-text-stroke:2px rgba(43,192,213,.07);filter:none}
@media(max-width:700px){
  .drops .section-head.light>p{padding:6px 12px;font-size:9px;letter-spacing:3px}
  .drops .section-head.light h2{display:block;padding:.24em .42em .42em;font-size:39px;line-height:1.2;letter-spacing:0;-webkit-text-stroke:0;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 3px 0 #148ac6,0 6px 0 #075694,0 9px 12px rgba(24,83,154,.2)}
  .drops .section-head.light h2 em{display:block;margin-top:.12em;-webkit-text-stroke:0;text-shadow:-1px -1px 0 #fff8ef,1px -1px 0 #fff8ef,-1px 1px 0 #fff8ef,1px 1px 0 #fff8ef,0 3px 0 #eb5a70,0 6px 0 #9e438e,0 9px 12px rgba(124,59,148,.18)}
  .drops .section-head h2:before{left:-.05em}
  .drops .section-head h2:after{height:6px}
}

.news-list article{cursor:pointer}
.news-list article:focus-visible{outline:3px solid #39c7e8;outline-offset:4px;border-radius:14px}
.news-detail-dialog{width:min(680px,calc(100% - 32px));max-height:80vh;padding:34px 38px 38px;border:3px solid white;border-radius:28px;color:var(--theme-ink);background:linear-gradient(145deg,#fff,#f2fcff 58%,#fff5ed);box-shadow:0 24px 80px rgba(23,91,139,.3);overflow:auto}
@media(max-width:900px){body:not(.recharge-page) .nav{height:auto;min-height:110px;flex-wrap:wrap;padding:8px 12px;gap:4px}body:not(.recharge-page) .nav nav{display:flex;order:3;width:100%;justify-content:center;gap:5px}body:not(.recharge-page) .nav nav a{min-width:0;height:36px;padding:0 9px;font-size:12px;letter-spacing:0}}
.newbie-links,.growth-levels{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 22px}.newbie-links a,.growth-levels a{padding:9px 15px;border:1px solid #bee5ee;border-radius:12px;background:white;color:#287b9e;font-size:13px;font-weight:800}.newbie-links a:first-child{background:#248eba;color:white}.growth-section{margin-bottom:34px;scroll-margin-top:150px}.growth-heading>span{color:#db9148;font-size:13px;font-weight:800}.growth-heading h3{margin:10px 0;font-size:28px;color:#247c9e}.growth-heading p,.growth-note,#growthStatus{font-size:13px;line-height:1.9;color:#6d8999}.growth-levels{margin-top:20px}.growth-card{scroll-margin-top:150px;margin:12px 0;border:2px solid #d1eaf0;border-radius:18px;background:white;overflow:hidden}.growth-card summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;background:linear-gradient(110deg,#edfafd,#fff9ed);cursor:pointer;color:#2b7b9e}.growth-card summary strong{font-size:18px}.growth-card summary span{font-size:12px;color:#8296a0}.growth-card summary:after{content:'＋';font-size:23px}.growth-card[open] summary:after{content:'−'}.growth-card summary:focus-visible{outline:3px solid #e6a754;outline-offset:-4px}.growth-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:20px;list-style:none}.growth-items li{display:flex;align-items:center;gap:12px;min-width:0;min-height:82px;padding:10px;border:1px solid #e1edf1;border-radius:13px;background:#f8fcfd}.growth-icon{width:64px;height:64px;flex-shrink:0;position:relative;border-radius:9px;overflow:hidden}.growth-icon img{display:block;width:64px;height:64px}.growth-item-info{display:flex;flex-direction:column;gap:7px;min-width:0}.growth-item-info span{font-size:13px;line-height:1.5;overflow-wrap:anywhere;color:#365f76;font-weight:700}.growth-item-info b{font-size:15px;color:#d48335}.growth-note{padding:15px 18px;background:#fff8ec;border-radius:12px}#giftCodes,#starterPets{scroll-margin-top:150px}@media(max-width:900px){.growth-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.growth-heading h3{font-size:23px}.growth-items{grid-template-columns:1fr;padding:12px;gap:9px}.growth-card summary{padding:15px 13px;gap:8px}.growth-card summary strong{font-size:16px}.growth-card summary span{font-size:11px}.newbie-links a,.growth-levels a{padding:8px 11px;font-size:12px}}
.news-detail-dialog::backdrop{background:rgba(25,69,105,.48);backdrop-filter:blur(7px)}
.news-dialog-close{position:absolute;right:18px;top:14px;width:38px;height:38px;border:0;border-radius:50%;color:#33708e;background:#e7f8fb;font-size:26px;line-height:1;cursor:pointer}
.news-dialog-meta{display:flex;gap:12px;align-items:center;color:#8ca5b5;font-size:13px}
.news-dialog-meta span{padding:6px 13px;border-radius:15px;color:white;background:linear-gradient(135deg,var(--theme-cyan),var(--theme-blue));font-weight:900}
.news-detail-dialog h3{margin:20px 44px 18px 0;font-size:28px;line-height:1.4}
.news-dialog-content{padding-top:18px;border-top:1px dashed #c7e4ea;color:#547387;font-size:16px;line-height:2;white-space:pre-line}
@media(max-width:560px){.news-detail-dialog{padding:28px 22px 30px;border-radius:22px}.news-detail-dialog h3{font-size:22px}.news-dialog-content{font-size:15px;line-height:1.85}}