/* V8 STRUCTURAL REDESIGN — first-impression student pages */
:root{
 --v8-ink:#29415d;--v8-muted:#718096;--v8-cream:#fffaf0;--v8-white:#fffefb;
 --v8-sky:#dff4ff;--v8-sky2:#bfe8ff;--v8-green:#ccebcf;--v8-deepgreen:#5f9a72;
 --v8-yellow:#ffe18a;--v8-orange:#e89a72;--v8-purple:#d9cef5;--v8-pink:#f7c7d2;
 --v8-line:#eadfce;--v8-shadow:0 24px 70px rgba(57,72,92,.12);
}
body.v8{margin:0;background:var(--v8-cream);color:var(--v8-ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;overflow-x:hidden}
body.v8 *{box-sizing:border-box}
.v8-wrap{width:min(1220px,calc(100% - 40px));margin:auto}
.v8-topbar{position:absolute;inset:0 0 auto;z-index:50;height:86px}
.v8-topbar .v8-wrap{height:100%;display:flex;align-items:center;gap:24px}
.v8-brand{display:flex;align-items:center;gap:10px;font-size: 30px;font-weight:950;color:var(--v8-ink)}
.v8-brandmark{width:42px;height:42px;border-radius:48% 48% 44% 44%/34% 34% 62% 62%;background:linear-gradient(145deg,#f0b090,#d57a57);position:relative;box-shadow:inset -6px -8px 0 rgba(124,65,46,.08),0 10px 20px rgba(170,95,66,.16)}
.v8-brandmark:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#fff3ea;left:12px;top:15px;box-shadow:9px 0 0 #fff3ea,4px 11px 0 -1px #fff3ea}
.v8-navlinks{margin-left:auto;display:flex;align-items:center;gap:8px}
.v8-navlinks a{padding:10px 13px;border-radius:999px;font-size: 20px;font-weight:750;color:#5f7183}
.v8-navlinks a:hover{background:#fff;color:#bd6748;box-shadow:0 8px 24px rgba(60,73,90,.08)}
.v8-navcta{padding:11px 17px;border-radius:999px;background:#2f506c;color:#fff!important;box-shadow:0 10px 24px rgba(47,80,108,.18)}

/* HOME: full illustrated story-world composition */
.v8-hero{min-height:760px;position:relative;background:linear-gradient(180deg,#e7f7ff 0%,#f4fbff 43%,#fffaf0 100%);overflow:hidden}
.v8-hero .v8-wrap{min-height:760px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:34px;padding-top:76px;position:relative;z-index:3}
.v8-copy{padding:40px 0 60px}
.v8-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 28px rgba(77,113,143,.08);font-size: 18px;font-weight:850;color:#80624d}
.v8-copy h1{font-size: 67px;line-height:1.08;letter-spacing:-.045em;margin:18px 0 20px;color:#25445f}
.v8-copy h1 strong{font-weight:950;color:#d36f4c;position:relative;white-space:nowrap}
.v8-copy h1 strong:after{content:"";position:absolute;left:-4px;right:-4px;bottom:2px;height:14px;border-radius:999px;background:rgba(255,218,105,.55);z-index:-1}
.v8-copy p{font-size: 26px;line-height:1.9;color:#65798b;max-width:590px;margin:0}
.v8-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.v8-primary,.v8-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 19px;border-radius:18px;font-weight:900;font-size: 21px;transition:.2s}
.v8-primary{background:#ffda71;color:#614915;box-shadow:0 14px 28px rgba(215,166,45,.22)}
.v8-secondary{background:#fff;color:#3c586e;box-shadow:0 14px 28px rgba(67,92,112,.09)}
.v8-primary:hover,.v8-secondary:hover{transform:translateY(-3px)}
.v8-scene{height:610px;position:relative}
.v8-scene svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.v8-floating-label{position:absolute;display:flex;align-items:center;gap:9px;padding:10px 13px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.95);border-radius:17px;box-shadow:0 16px 34px rgba(61,86,104,.13);font-size: 15px;font-weight:900;color:#355169;animation:v8float 4s ease-in-out infinite}
.v8-floating-label span{width:30px;height:30px;display:grid;place-items:center;border-radius:12px;font-size: 27px}
.v8-floating-label.l1{left:6%;top:24%}.v8-floating-label.l1 span{background:#dff4ff}
.v8-floating-label.l2{right:2%;top:31%;animation-delay:.8s}.v8-floating-label.l2 span{background:#eee7ff}
.v8-floating-label.l3{left:15%;bottom:11%;animation-delay:1.4s}.v8-floating-label.l3 span{background:#fff0c9}
.v8-floating-label.l4{right:4%;bottom:12%;animation-delay:2.1s}.v8-floating-label.l4 span{background:#e3f6e6}
@keyframes v8float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.v8-scrollhint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:5;font-size: 18px;color:#8aa0b1;display:flex;align-items:center;gap:7px}
.v8-scrollhint:before{content:"";width:19px;height:30px;border:2px solid #9db0bf;border-radius:10px}

.v8-storyband{padding:90px 0 86px;background:#fffaf0}
.v8-bandhead{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:end;margin-bottom:38px}
.v8-bandhead small{font-weight:900;letter-spacing:.08em;color:#bd765b}
.v8-bandhead h2{font-size: 60px;line-height:1.2;margin:8px 0 0;color:#29415d}
.v8-bandhead p{font-size: 22px;line-height:1.85;color:#728292;margin:0}
.v8-journey{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-top:32px}
.v8-journey:before{content:"";position:absolute;left:7%;right:7%;top:19px;border-top:4px dashed #eadcc9}
.v8-stop{position:relative;min-height:230px;border-radius:44px 44px 28px 28px;padding:26px 24px 24px;box-shadow:0 20px 44px rgba(58,75,92,.08);overflow:hidden;transition:.25s;color:#35516a;text-decoration:none}
.v8-stop:hover{transform:translateY(-7px) rotate(-.4deg)}
.v8-stop:nth-child(even):hover{transform:translateY(-7px) rotate(.4deg)}
.v8-stop:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-38px;top:-40px;background:rgba(255,255,255,.35)}
.v8-stop .flag{position:absolute;top:-31px;left:50%;transform:translateX(-50%);width:42px;height:42px;border-radius:50%;background:#fff;border:5px solid #fffaf0;box-shadow:0 6px 18px rgba(68,80,93,.12);display:grid;place-items:center;font-size: 27px;color:#35516a}
.v8-stop .illustr{height:118px;display:grid;place-items:center;font-size: 102px;filter:drop-shadow(0 10px 10px rgba(72,74,82,.08))}
.v8-stop h3{font-size: 34px;margin:8px 0 14px;color:#35516a}.v8-stop p{font-size: 20px;line-height:1.65;color:#65778a;margin:0 0 16px}.v8-stop b{display:inline-block;margin-top:10px;font-size: 21px;color:#c66b3e}
.v8-stop.s1{background:#dff4ff}.v8-stop.s2{background:#eee8ff}.v8-stop.s3{background:#fff0c7}.v8-stop.s4{background:#e6f6e8}

/* HOME: introduction to the two destination worlds */
.v8-worlds{padding:56px 0;background:linear-gradient(180deg,#fffefb 0%,#f7fbff 100%)}
.v8-worlds-head{display:grid;grid-template-columns:.85fr 1.15fr;align-items:end;gap:60px;margin-bottom:30px}
.v8-worlds-head h2{scroll-margin-top:90px}
.v8-worlds-head h2{font-size:48px;line-height:1.2;margin:12px 0 0;color:#29415d}.v8-worlds-head p{font-size:18px;line-height:1.85;color:#728292;margin:0}
.v8-world-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.v8-world-card{min-height:360px;display:grid;grid-template-columns:1.08fr .92fr;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:36px;box-shadow:var(--v8-shadow)}
.v8-world-card--gallery{background:linear-gradient(135deg,#fff4d8,#ffe7b1)}.v8-world-card--stage{background:linear-gradient(135deg,#dfeefa,#bedcf0)}
.v8-world-copy{position:relative;z-index:2;padding:36px 20px 32px 32px}.v8-world-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:18px;background:rgba(255,255,255,.72);font-size:26px;box-shadow:0 10px 20px rgba(85,83,71,.1)}
.v8-world-label{display:block;margin-top:14px;font-size:15px;letter-spacing:.12em;font-weight:950;color:#9b7350}.v8-world-card--stage .v8-world-label{color:#537792}
.v8-world-copy h3{font-size:36px;line-height:1.18;letter-spacing:-.035em;margin:6px 0 12px;color:#35516a}.v8-world-copy h3 em{font-style:normal;color:#d3704f}.v8-world-card--stage .v8-world-copy h3 em{color:#5f87a3}
.v8-world-copy p{font-size:19px;line-height:1.75;margin:0 0 28px;color:#617688}.v8-world-copy ul{margin:18px 0 22px;padding:0;list-style:none}.v8-world-copy li{position:relative;margin:8px 0;padding-left:19px;color:#557084;font-size:16px;line-height:1.45}.v8-world-copy li:before{content:"";position:absolute;left:0;top:.52em;width:8px;height:8px;border-radius:50%;background:#e69c5e}.v8-world-card--stage .v8-world-copy li:before{background:#6c9cb9}
.v8-world-enter{display:inline-flex;align-items:center;gap:16px;padding:16px 18px 16px 22px;border-radius:18px;background:#fff;color:#9b5e3c;font-size:20px;font-weight:950;box-shadow:0 12px 24px rgba(99,75,54,.12);transition:.2s}.v8-world-card--stage .v8-world-enter{color:#426a88}.v8-world-enter span{font-size:23px;line-height:.8}.v8-world-enter:hover{transform:translateY(-3px);box-shadow:0 17px 28px rgba(99,75,54,.17)}
.v8-world-art{position:relative;min-width:0;height:100%;overflow:hidden}.gallery-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 48% 22%,rgba(255,255,255,.9),transparent 29%),linear-gradient(150deg,#f1c389,#d77e61)}.gallery-art:after{content:"";position:absolute;left:-20%;right:-20%;bottom:-36px;height:110px;border-radius:50% 50% 0 0;background:#d8916d}
.gallery-frame{position:absolute;z-index:1;display:grid;place-items:center;width:126px;height:160px;border:10px solid #fff9e9;border-radius:8px;background:#e7a277;color:#fff;font-size:61px;box-shadow:0 16px 30px rgba(105,69,47,.18);transform:rotate(-7deg)}.gallery-frame small{font-size:14px;font-weight:900;color:#76472f}.gallery-frame.frame-a{left:6%;top:14%}.gallery-frame.frame-b{right:-11%;top:29%;background:#88b9c7;transform:rotate(8deg)}.gallery-kid{position:absolute;z-index:2;bottom:21px;left:36%;font-size:81px;filter:drop-shadow(0 10px 8px rgba(92,54,35,.14))}
.stage-art{background:linear-gradient(180deg,#8fc1df,#d8ecf6 63%,#7597a8 63%)}.stage-spotlight{position:absolute;top:-32px;left:50%;width:195px;height:360px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(255,250,210,.75),rgba(255,250,210,.05));clip-path:polygon(36% 0,64% 0,100% 100%,0 100%)}.stage-curtain{position:absolute;z-index:2;top:0;width:36%;height:83%;background:linear-gradient(90deg,#587b98,#2f506c);box-shadow:inset -8px 0 0 rgba(255,255,255,.1)}.curtain-a{left:-12%;border-radius:0 0 60% 16%}.curtain-b{right:-12%;border-radius:0 0 16% 60%;transform:scaleX(-1)}.stage-performers{position:absolute;z-index:3;left:50%;bottom:21%;transform:translateX(-50%);white-space:nowrap;font-size:49px;filter:drop-shadow(0 8px 4px rgba(38,62,79,.2))}.stage-floor-mini{position:absolute;z-index:2;left:-10%;right:-10%;bottom:-24px;height:105px;border-radius:50% 50% 0 0;background:linear-gradient(#52758f,#385d77)}

@media(max-width:980px){.v8-worlds-head{grid-template-columns:1fr;gap:12px}.v8-world-grid{grid-template-columns:1fr}.v8-world-card{min-height:400px}}
@media(max-width:640px){.v8-worlds{padding:64px 0}.v8-worlds-head h2{font-size:45px}.v8-world-grid{gap:18px}.v8-world-card{grid-template-columns:1fr;min-height:0}.v8-world-copy{padding:28px 25px 26px}.v8-world-copy h3{font-size:38px}.v8-world-art{height:250px}.gallery-frame{width:116px;height:145px}.gallery-kid{left:42%;font-size:70px}}

.v8-showcase{padding:88px 0;background:#fffefb;border-top:1px solid #f0e7da;border-bottom:1px solid #f0e7da}
.v8-showcase-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}
.v8-scrapbook{height:470px;position:relative}
.v8-photo{position:absolute;width:230px;background:#fff;padding:12px 12px 44px;box-shadow:0 20px 40px rgba(67,72,78,.16);border-radius:8px;transform:rotate(-6deg)}
.v8-photo .ph{height:260px;border-radius:5px;display:grid;place-items:center;font-size: 98px}.v8-photo b{display:block;margin-top:13px;font-size: 21px}.v8-photo small{color:#84909b}
.v8-photo.p1{left:5%;top:28px}.v8-photo.p1 .ph{background:linear-gradient(145deg,#edb28e,#a55f48)}
.v8-photo.p2{right:6%;bottom:25px;transform:rotate(7deg)}.v8-photo.p2 .ph{background:linear-gradient(145deg,#b5d7e7,#6f93a2)}
.v8-tape{position:absolute;width:75px;height:24px;background:rgba(255,226,139,.78);top:-12px;left:77px;transform:rotate(2deg)}
.v8-showcopy h2{font-size: 60px;line-height:1.25;margin:10px 0 18px}.v8-showcopy p{color:#6d7e8f;line-height:1.85;margin:0 0 24px}
.v8-proof{display:flex;gap:12px;flex-wrap:wrap}.v8-proof span{padding:9px 12px;border-radius:999px;background:#f6f1e9;font-size: 18px;font-weight:800;color:#6b665d}

.v8-footer{padding:38px 20px 46px;text-align:center;color:#82909d;font-size: 18px;background:#fffaf0}

/* LOGIN: illustrated gate instead of admin split */
body.v8-login{min-height:100vh;background:linear-gradient(160deg,#e5f6ff 0%,#fdf8eb 74%)}
.v8-login-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px;padding:104px 0 54px}
.v8-login-world{min-height:600px;position:relative;padding:30px 0 20px}
.v8-login-world h1{font-size: 81px;line-height:1.12;margin:15px 0 18px;color:#28445c}.v8-login-world p{font-size: 24px;line-height:1.8;color:#6f8292;max-width:520px}
.v8-gate{height:330px;margin-top:30px;position:relative}
.v8-gate .arch{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);width:280px;height:280px;border-radius:140px 140px 28px 28px;background:linear-gradient(160deg,#f5c292,#d97b5b);box-shadow:inset 0 -16px 0 rgba(120,65,49,.08),0 24px 48px rgba(120,80,59,.13)}
.v8-gate .arch:after{content:"";position:absolute;left:55px;right:55px;top:55px;bottom:0;border-radius:95px 95px 20px 20px;background:linear-gradient(180deg,#c7ecff,#fef8e9)}
.v8-gate .cloudA,.v8-gate .cloudB{position:absolute;height:34px;background:#fff;border-radius:999px;box-shadow:0 10px 24px rgba(80,103,121,.08)}
.v8-gate .cloudA{width:120px;left:8%;top:22%}.v8-gate .cloudB{width:95px;right:8%;top:8%}
.v8-login-ticket{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.96);border-radius:34px;padding:34px;box-shadow:0 28px 70px rgba(66,83,102,.14);position:relative;overflow:hidden}
.v8-login-ticket:before,.v8-login-ticket:after{content:"";position:absolute;width:34px;height:34px;border-radius:50%;background:#f5f4ed;top:46%;transform:translateY(-50%)}
.v8-login-ticket:before{left:-17px}.v8-login-ticket:after{right:-17px}
.v8-ticket-head{text-align:center;margin-bottom:24px}.v8-ticket-head .mini{font-size: 48px}.v8-ticket-head h2{font-size: 39px;margin:8px 0 6px}.v8-ticket-head p{font-size: 20px;color:#80909d;margin:0}
.v8-role-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:6px;border-radius:16px;background:#f5f1ea;margin-bottom:20px}.v8-role-switch button{border:0;background:transparent;border-radius:12px;padding:10px 8px;font-weight:800;color:#7b8791}.v8-role-switch button.active{background:#fff;color:#bd6748;box-shadow:0 6px 16px rgba(78,84,91,.08)}
.v8-field{margin-bottom:14px}.v8-field label{display:block;font-size: 18px;font-weight:900;color:#6f7d87;margin:0 0 7px}.v8-field input{width:100%;border:1px solid #e9e2d9;border-radius:15px;background:#fffdfa;padding:13px 14px;outline:none}.v8-field input:focus{border-color:#b9dff2;box-shadow:0 0 0 4px #eaf7ff}
.v8-loginbtn{width:100%;border:0;border-radius:16px;padding:14px;background:#ffda71;color:#604914;font-weight:950;font-size: 21px;box-shadow:0 12px 24px rgba(214,167,47,.2)}
.v8-loginhelp{display:flex;justify-content:space-between;margin-top:15px;font-size: 18px;color:#82909c}

/* STUDENT HOME: map-first, no dashboard grid */
body.v8-student{background:#f7fbf7}
.v8-student-top{height:82px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,233,225,.9);position:sticky;top:0;z-index:40}
.v8-student-top .v8-wrap{height:100%;display:flex;align-items:center;gap:18px}.v8-student-top .v8-navlinks{margin-left:auto}
.v8-userbubble{display:flex;align-items:center;gap:9px;padding:6px 10px 6px 6px;border-radius:999px;background:#fff2dd}.v8-userbubble i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ffd693;font-style:normal;font-weight:950}.v8-userbubble b{font-size: 18px}.v8-userbubble small{display:block;color:#8b775e;font-size: 18px;margin-top:1px}
.v8-maphero{padding:38px 0 34px;background:linear-gradient(180deg,#eaf8ef,#f7fbf7)}
.v8-maphead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.v8-maphead h1{font-size: 57px;margin:7px 0 4px}.v8-maphead p{margin:0;color:#748596}.v8-starcount{padding:12px 15px;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(60,90,70,.08);font-size: 18px;color:#7b725f}.v8-starcount b{font-size: 27px;color:#bd7a25;margin-right:5px}
.v8-islandmap{height:720px;border-radius:42px;position:relative;overflow:hidden;background:linear-gradient(180deg,#cfefff 0 44%,#eaf5da 44% 100%);box-shadow:0 28px 60px rgba(58,84,70,.11);border:8px solid rgba(255,255,255,.8)}
.v8-islandmap:before{content:"";position:absolute;left:-4%;right:-4%;bottom:-90px;height:300px;border-radius:50% 45% 0 0;background:#b8d99e;transform:rotate(-2deg)}
.v8-islandmap:after{content:"";position:absolute;left:12%;right:8%;bottom:44px;height:135px;border-radius:50%;border:5px dashed rgba(255,250,228,.92);transform:rotate(-7deg)}
.v8-mapcloud{position:absolute;height:34px;background:#fff;border-radius:999px;box-shadow:0 8px 20px rgba(74,102,121,.08);z-index:2}.v8-mapcloud.c1{width:130px;left:8%;top:10%}.v8-mapcloud.c2{width:95px;right:10%;top:16%}
.v8-zone{position:absolute;z-index:5;width:220px;min-height:170px;border-radius:38px;padding:22px 20px;box-shadow:0 18px 34px rgba(57,83,69,.12);border:4px solid rgba(255,255,255,.9);transition:.22s}.v8-zone:hover{transform:translateY(-6px) scale(1.02)}.v8-zone .zico{font-size: 57px;display:block}.v8-zone b{display:block;font-size: 27px;margin:4px 0}.v8-zone small{display:block;color:#687b84;line-height:1.45}.v8-zone .stars{margin-top:8px;font-size: 18px;letter-spacing:1px;color:#c68d2b}
.v8-zone.learn{left:8%;top:28%;background:#dff4ff;transform:rotate(-3deg)}.v8-zone.create{right:8%;top:22%;background:#eee8ff;transform:rotate(3deg)}.v8-zone.perform{left:22%;bottom:8%;background:#fff0c7;transform:rotate(2deg)}.v8-zone.share{right:19%;bottom:7%;background:#e6f6e8;transform:rotate(-2deg)}
.v8-mapme{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:6;text-align:center}.v8-mapme .avatar{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:#ffd699;border:6px solid #fff;font-size: 42px;font-weight:950;box-shadow:0 16px 30px rgba(68,86,73,.15)}.v8-mapme span{display:inline-block;margin-top:7px;padding:6px 9px;border-radius:999px;background:#fff;font-size: 18px;font-weight:900;color:#65796d}
.v8-mapflag{position:absolute;left:54%;top:16%;z-index:4;padding:8px 10px;border-radius:14px;background:#fff4cf;font-size: 16px;font-weight:900;color:#8a6d2f;box-shadow:0 10px 24px rgba(92,84,59,.09)}

.v8-today{padding:66px 0 72px}.v8-section-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.v8-section-title h2{font-size: 45px;margin:0 0 4px}.v8-section-title p{margin:0;color:#7c8a93;font-size: 20px}.v8-section-title a{font-size: 18px;font-weight:900;color:#c06f4d}
.v8-route-today{display:grid;grid-template-columns:1.35fr .65fr;gap:24px}
.v8-questpaper{background:#fffefa;border-radius:26px;padding:10px 26px 16px;box-shadow:0 18px 40px rgba(65,81,72,.07);position:relative}.v8-questpaper:before{content:"";position:absolute;left:44px;top:0;bottom:0;border-left:2px solid #f1d7d2}.v8-questline{display:grid;grid-template-columns:44px 1fr auto;gap:16px;align-items:center;padding:18px 0;border-bottom:1px dashed #e8e3d9}.v8-questline:last-child{border-bottom:0}.v8-qicon{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;font-size: 30px;background:#eff7ff;z-index:2}.v8-questline:nth-child(2) .v8-qicon{background:#f3edff}.v8-questline:nth-child(3) .v8-qicon{background:#fff3d5}.v8-questline b{display:block;font-size: 21px}.v8-questline small{display:block;color:#85919b;margin-top:4px}.v8-reward{font-size: 16px;font-weight:900;color:#bd7a2a;padding:7px 9px;border-radius:999px;background:#fff4d5}
.v8-note{background:#fff0d5;border-radius:30px;padding:26px;box-shadow:0 18px 40px rgba(104,85,53,.07);position:relative}.v8-note:before{content:"“";position:absolute;right:20px;top:8px;font-size: 117px;color:rgba(180,129,58,.11);font-family:serif}.v8-note h3{font-size: 27px;margin:0 0 10px}.v8-note p{font-size: 20px;line-height:1.75;color:#736c5f;margin:0}.v8-note .teacher{display:flex;align-items:center;gap:8px;margin-top:20px;font-size: 18px;font-weight:900}.v8-note .teacher i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff;font-style:normal}

.v8-memory{padding:10px 0 80px}.v8-memorygrid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px}.v8-polaroids{min-height:360px;position:relative}.v8-polaroid{position:absolute;width:220px;background:#fff;padding:10px 10px 38px;border-radius:7px;box-shadow:0 18px 38px rgba(66,75,70,.14)}.v8-polaroid .img{height:210px;border-radius:5px;display:grid;place-items:center;font-size: 78px}.v8-polaroid b{display:block;font-size: 18px;margin-top:11px}.v8-polaroid.p1{left:4%;top:22px;transform:rotate(-6deg)}.v8-polaroid.p1 .img{background:linear-gradient(145deg,#e7ad87,#9f5b45)}.v8-polaroid.p2{left:37%;top:60px;transform:rotate(3deg)}.v8-polaroid.p2 .img{background:linear-gradient(145deg,#b8d7e7,#7196a6)}.v8-polaroid.p3{right:2%;top:10px;transform:rotate(7deg)}.v8-polaroid.p3 .img{background:linear-gradient(145deg,#f5d693,#c9a85f)}
.v8-collection{background:#fff;border-radius:30px;padding:25px;box-shadow:0 18px 40px rgba(65,81,72,.07)}.v8-collection h3{font-size: 30px;margin:0 0 15px}.v8-badgerow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.v8-badge{aspect-ratio:1;border-radius:22px;display:grid;place-items:center;text-align:center;background:#f6f2eb;font-size: 39px}.v8-badge small{display:block;font-size: 18px;color:#818a90;margin-top:4px}

@media(max-width:980px){.v8-navlinks{display:none}.v8-hero .v8-wrap,.v8-login-shell,.v8-showcase-grid,.v8-route-today,.v8-memorygrid{grid-template-columns:1fr}.v8-hero{min-height:auto}.v8-hero .v8-wrap{padding-top:110px}.v8-copy h1{font-size: 72px}.v8-scene{height:540px}.v8-bandhead{grid-template-columns:1fr;gap:12px}.v8-journey{grid-template-columns:repeat(2,1fr);gap:34px 16px}.v8-journey:before{display:none}.v8-login-world{min-height:auto}.v8-gate{height:250px}.v8-login-shell{padding-top:110px}.v8-islandmap{height:640px}.v8-zone.learn{left:5%;top:18%}.v8-zone.create{right:5%;top:20%}.v8-zone.perform{left:7%;bottom:12%}.v8-zone.share{right:7%;bottom:10%}.v8-mapme{top:50%}.v8-polaroids{min-height:390px}}
@media(max-width:640px){.v8-wrap{width:min(100% - 24px,1220px)}.v8-copy h1{font-size: 60px}.v8-copy p{font-size: 22px}.v8-scene{height:470px}.v8-floating-label{font-size: 15px;padding:8px 9px}.v8-journey{grid-template-columns:1fr}.v8-showcase{padding:60px 0}.v8-scrapbook{height:430px}.v8-photo{width:190px}.v8-photo .ph{height:220px}.v8-login-world h1{font-size: 63px}.v8-maphead{align-items:flex-start;flex-direction:column}.v8-islandmap{height:780px}.v8-zone{width:155px;min-height:120px}.v8-zone.learn{left:4%;top:12%}.v8-zone.create{right:4%;top:29%}.v8-zone.perform{left:4%;bottom:27%}.v8-zone.share{right:4%;bottom:8%}.v8-mapme{top:49%}.v8-polaroids{min-height:730px}.v8-polaroid{width:210px}.v8-polaroid.p1{left:5%;top:10px}.v8-polaroid.p2{right:4%;left:auto;top:240px}.v8-polaroid.p3{left:11%;right:auto;top:470px}.v8-badgerow{grid-template-columns:repeat(3,1fr)}}