:root{font-family:"SimHei","黑体","Microsoft YaHei","PingFang SC",sans-serif;font-size:16px;font-synthesis:none;color:var(--text);background:var(--bg);--bg:#f5f6fa;--surface:#fff;--surface-2:#f6f7fb;--text:#191c25;--muted:#727785;--line:#e7e9f0;--accent:#4a68e8;--accent-hover:#3b55cf;--accent-soft:#edf0ff;--hero:#edf0ff;--shadow:0 8px 28px #1a254709;--green:var(--accent);--orange:var(--accent);color-scheme:light}
:root[data-theme=coral]{--bg:#faf7f6;--surface-2:#fcf7f5;--accent:#d9624d;--accent-hover:#bf4e3a;--accent-soft:#fff0eb;--hero:#fff0e9}:root[data-theme=violet]{--bg:#f7f6fa;--surface-2:#f8f6fc;--accent:#8060c9;--accent-hover:#694aad;--accent-soft:#f1ebff;--hero:#f0eafb}:root[data-theme=night]{--bg:#15171e;--surface:#20232d;--surface-2:#292d39;--text:#f2f3f8;--muted:#a9aebb;--line:#343847;--accent:#8aa3ff;--accent-hover:#a0b3ff;--accent-soft:#313b60;--hero:#292f46;--shadow:0 8px 28px #0002;color-scheme:dark}
body{background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}svg{width:21px;height:21px;flex-shrink:0}h1{font-size:36px;letter-spacing:-1.2px;line-height:1.35}h2{font-size:23px;letter-spacing:-.5px}h3{font-size:19px;line-height:1.5}h1,h2,h3,b,strong{font-weight:600}a{color:var(--accent)}input,select,textarea{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:13px 15px;color:var(--text);min-height:48px;font-size:16px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder,textarea::placeholder{color:#9196a3}textarea{min-height:110px;line-height:1.65}label{font-size:16px;font-weight:400;margin-bottom:9px}.muted{color:var(--muted);font-size:14px;line-height:1.6}.overline{display:block;font:600 12px Arial,sans-serif;letter-spacing:2px;color:var(--accent);margin-bottom:11px}.field{margin-bottom:21px}.grid2{gap:20px}.row{gap:14px}
.btn{background:var(--text);color:var(--surface);border-radius:10px;padding:13px 21px;min-height:47px;font-size:16px;font-weight:500;gap:10px;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:none}.btn.orange{background:var(--accent);color:#fff;box-shadow:none}.btn.orange:not(:disabled):hover{background:var(--accent-hover);box-shadow:0 5px 15px color-mix(in srgb,var(--accent) 20%,transparent)}.btn.light{background:var(--accent-soft);color:var(--accent)}.btn.outline{border:1px solid var(--line);background:var(--surface);color:var(--text)}.btn.small{font-size:14px;padding:9px 14px;min-height:37px;border-radius:8px}.btn svg{width:19px;height:19px}button:disabled{opacity:.46}.pill,.pill.orange,.pill.blue,.pill.purple{background:var(--accent-soft);color:var(--accent);font-size:13px;padding:6px 11px;line-height:1.4;font-weight:400;border-radius:6px}.brand{font-size:29px;font-weight:700;letter-spacing:-1.1px;color:var(--text);gap:12px}.brand-icon{width:42px;height:42px;background:var(--text);color:var(--surface);border-radius:13px;transform:none;box-shadow:none}.brand-icon svg{width:25px;height:25px;stroke-width:1.5}.brand small{font:500 9px Arial,sans-serif;letter-spacing:1.5px;color:var(--muted);margin-top:4px}
.shell{grid-template-columns:248px 1fr}.sidebar{background:var(--surface);border-color:var(--line);width:248px;padding:34px 24px 22px;z-index:30}.sidebar .brand{padding:0 9px}.nav{gap:8px;margin-top:47px}.nav button{gap:14px;padding:14px 17px;border-radius:11px;font-size:17px;color:var(--muted);min-height:52px;transition:.2s;white-space:nowrap}.nav button:hover{background:var(--surface-2);color:var(--text)}.nav button.active{background:var(--accent-soft);color:var(--accent);font-weight:500}.nav button.active:after{display:none}.nav svg{width:21px;height:21px;stroke-width:1.65}.sidebar-bottom{padding-top:26px}.profile-mini{gap:12px;padding:18px 2px 0;border-top:1px solid var(--line);width:100%;text-align:left}.profile-mini img{width:45px;height:48px;border-radius:12px;background:var(--surface-2);object-fit:cover}.profile-mini b{font-size:16px;display:block}.profile-mini small{display:block;font-size:13px;color:var(--muted);margin-top:6px;max-width:144px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-control{display:flex;align-items:center;gap:15px;padding:0 4px 22px;color:var(--muted);font-size:13px}.theme-swatches{display:flex;gap:9px}.theme-swatches button{width:21px;height:21px;min-width:21px;min-height:21px;background:var(--swatch);border-radius:50%;position:relative;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--line)}.theme-swatches button.chosen{box-shadow:0 0 0 2px var(--swatch)}.content{padding:0 48px 55px;max-width:1650px;margin:0 auto}.topbar{height:100px;border-color:var(--line);margin-bottom:35px}.crumb{font-size:14px;color:var(--muted);display:flex;gap:16px;align-items:center}.crumb>span{color:#b1b6c2}.top-actions{gap:17px}.coin{background:var(--surface);border:1px solid var(--line);padding:9px 14px;border-radius:24px;font-size:14px;color:var(--text);display:inline-flex;align-items:center;gap:7px;font-weight:400}.coin svg{width:16px;height:16px;color:var(--accent)}.icon-btn{padding:8px;min-width:36px;min-height:36px;color:var(--muted)}.icon-btn:hover{color:var(--accent)}.page-title{margin-bottom:29px}.page-title h1{margin:0 0 10px}.page-title .date{font-size:15px;color:var(--muted)}
.hero{background:var(--surface);border:1px solid var(--line);border-radius:23px;grid-template-columns:1.4fr 1fr;min-height:300px;margin-bottom:35px;box-shadow:var(--shadow)}.hero:before{display:none}.hero-copy{padding:32px 36px}.hero-kicker{font-size:14px;display:block;color:var(--accent);margin-bottom:13px}.hero h2{font-size:30px;line-height:1.5;margin:0 0 24px;letter-spacing:-1px}.hero-summary{display:flex;gap:39px;margin:0 0 25px}.hero-summary>div{display:flex;align-items:baseline;gap:10px}.hero-summary b{font:600 29px Arial,sans-serif;letter-spacing:-1px}.hero-summary span{font-size:14px;color:var(--muted)}.hero-avatar{min-height:300px;background:var(--hero);overflow:hidden}.hero-avatar:before{content:'';position:absolute;width:240px;height:240px;border:1px solid #ffffff90;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.hero-avatar canvas{mix-blend-mode:multiply}.avatar-caption{position:absolute;bottom:17px;left:0;right:0;text-align:center;font-size:14px;z-index:2;color:var(--text)}.avatar-caption b{margin-left:10px;font-size:12px;padding:4px 7px;border:1px solid #ffffffb0;background:#ffffff75;border-radius:4px;color:#404657}.section-head{margin:30px 0 21px;gap:15px}.section-head.compact{margin:0 0 10px}.section-head.compact>svg{color:var(--muted);width:19px}.section-head .overline{margin-bottom:8px}.section-head h2{font-size:23px}.count{font-size:15px;display:inline-flex;color:var(--muted);margin-left:7px;vertical-align:middle}.text-btn{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:var(--accent);padding:8px 0}.text-btn svg{width:17px;height:17px}
.cards{gap:22px}.project-card{background:var(--surface);border-color:var(--line);border-radius:17px}.project-card:hover{box-shadow:0 14px 35px #2b365c0f;border-color:#c8d2ee}.cover{height:150px;background:var(--cover);color:#37456d;display:block}.cover .pill{top:17px;left:18px;background:#ffffffc9;color:#4d5d80;font-size:13px;z-index:2}.cover-number{position:absolute;bottom:5px;left:18px;font:700 76px/1 Arial,sans-serif;letter-spacing:-6px;color:#ffffffb0}.cover-shape{position:absolute;right:20px;bottom:-32px;width:127px;height:127px;border:20px solid #879bd448;transform:rotate(-24deg);border-radius:30px}.shape-1{border-radius:50%;border-color:#8ca9cb65}.shape-2{border-radius:8px;transform:rotate(35deg);border-color:#ceb18d60}.shape-3{border-radius:50% 50% 16% 16%;border-color:#c796ab55}.shape-4{border-radius:80% 0 80% 0;border-color:#ae99d060}.shape-5{border-radius:50%;border-width:34px;border-color:#91bbb060}.card-body{padding:21px}.project-status{font-size:13px;display:inline-flex;align-items:center;gap:7px;color:var(--muted)}.project-status i{height:6px;width:6px;background:#b3b8c3;border-radius:50%}.project-status i.live{background:var(--accent)}.card-body h3{font-size:20px;margin:18px 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-body p{font-size:14px;color:var(--muted);margin:0 0 18px}.card-bottom{border-color:var(--line);padding-top:16px;font-size:13px;color:var(--muted);gap:10px}.card-bottom>span:last-child{display:flex;align-items:center;gap:7px}.card-bottom svg{width:16px;height:16px;color:var(--accent)}.progress-track{height:7px;background:var(--surface-2)}.progress-track>i{background:var(--accent)}.panel{background:var(--surface);border-color:var(--line);border-radius:18px;padding:27px;margin-bottom:23px}.dashboard-lower{grid-template-columns:1.15fr 1fr;gap:23px;margin-top:30px}.task-line{gap:15px;border-color:var(--line);padding:18px 0}.task-line .tick{width:35px;height:35px;background:var(--accent-soft);border:0;border-radius:10px;color:var(--accent)}.task-line .tick svg{width:18px}.task-line h3{font-size:16px;margin:0 0 7px}.task-line p{font-size:14px;color:var(--muted)}.shortcut{display:flex;align-items:center;gap:15px;width:100%;padding:20px 0;text-align:left;border-bottom:1px solid var(--line)}.shortcut:last-child{border:0}.shortcut-icon{display:grid;place-items:center;width:43px;height:43px;background:var(--accent-soft);border-radius:12px;color:var(--accent)}.shortcut b{display:block;font-size:16px;margin-bottom:7px}.shortcut small{font-size:14px;color:var(--muted)}.shortcut>svg{margin-left:auto;width:18px;height:18px;color:var(--muted)}.journey-line{gap:13px;align-items:flex-start;padding:19px 0;border-bottom:1px solid var(--line);margin-top:0}.journey-line:last-child{border:0}.journey-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:6px;flex-shrink:0;box-shadow:none}.journey-line b{font-size:15px;font-weight:400}.journey-line p{font-size:13px;color:var(--muted);margin:8px 0 0}.journey-line strong{font-size:16px;margin-left:auto;color:var(--accent)}
.direction-tabs{gap:9px;margin:0}.direction-tabs button{border-color:var(--line);border-radius:9px;padding:10px 14px;font-size:15px;color:var(--muted);background:var(--surface);min-height:42px}.direction-tabs button.active{background:var(--accent);color:white;border-color:var(--accent)}.project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 28px;flex-wrap:wrap}.search{max-width:265px;font-size:15px;min-height:44px}.empty{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);font-size:15px;padding:30px;gap:19px;line-height:1.7}.empty>svg{width:40px;height:40px;opacity:.4}.empty.short{min-height:145px;padding:24px 8px}.empty button{align-self:center}.avatar-stage{height:330px;border-radius:15px;background:var(--surface-2)}.profile-layout{grid-template-columns:330px 1fr}.profile-card .level{background:var(--accent-soft);color:var(--accent);border-radius:6px;font-size:14px;margin-top:-16px}.profile-card h2{margin:22px 0 12px}.profile-card .progress-track{margin:20px 0 10px}.profile-card>.btn{margin-top:6px}.ability-row{margin-top:23px}.ability-row .row{margin-bottom:12px;font-size:16px}.grade-summary{display:flex;gap:50px}.grade-summary>div{display:flex;gap:15px;align-items:center}.grade-summary b{font-size:29px}.grade-summary span{color:var(--accent);background:var(--accent-soft);border-radius:6px;padding:7px 11px;font-size:16px}
.shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px}.catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.store-item{border:1px solid var(--line);border-radius:17px;background:var(--surface);overflow:hidden;transition:.2s}.store-item:hover{border-color:#c6cfe8;box-shadow:var(--shadow);transform:translateY(-3px)}.item-visual{height:190px;background:var(--surface-2);position:relative;display:grid;place-items:center}.item-visual img{width:88%;height:88%;object-fit:contain;transition:transform .3s}.store-item:hover .item-visual img{transform:scale(1.05) rotate(-3deg)}.owned-tag{position:absolute;left:13px;top:13px;font-size:12px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--muted)}.item-info{padding:18px}.item-info h3{font-size:18px;margin:0 0 17px}.item-price{display:flex;align-items:center;gap:6px;font:600 17px Arial,sans-serif}.item-price svg{width:16px;height:16px;color:var(--accent)}.item-info .btn{font-size:13px;padding:9px 12px}.preview-unavailable{font-size:13px;color:var(--muted)}.wardrobe-layout{display:grid;grid-template-columns:310px 1fr;gap:25px}.wardrobe-layout .avatar-stage{height:340px}.outfit-presets{display:flex;justify-content:center;gap:10px;margin:16px 0}.wardrobe-items{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;max-height:390px;overflow:auto;margin-top:16px;padding:2px}.wardrobe-item{position:relative;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:10px 9px;min-width:0;text-align:center}.wardrobe-item img{width:100%;height:100px;object-fit:contain;background:var(--surface-2);border-radius:8px;display:block;margin-bottom:9px}.wardrobe-item b{font-size:14px;display:block;line-height:1.5;font-weight:400}.wardrobe-item.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.item-selected{font-size:12px;color:var(--accent);margin-top:6px;display:block}.account-layout{max-width:1040px;display:grid;grid-template-columns:1fr 1fr;gap:23px}.account-layout>.panel{margin:0}.account-profile{display:flex;align-items:center;gap:20px;grid-column:1/-1}.account-avatar{width:100px;height:115px;object-fit:contain;background:var(--surface-2);border-radius:15px}.account-profile h2{font-size:25px;margin:0 0 12px}.account-profile p{margin:0 0 5px;font-size:15px}.account-profile .pill{margin-left:12px}.account-layout h2{font-size:21px;margin-bottom:23px}.setting-line{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0}.setting-line+.setting-line{border-top:1px solid var(--line);margin-top:12px;padding-top:23px}.setting-line b{font-size:16px}.setting-line p{margin:6px 0 0}.account-theme .theme-control{font-size:15px;padding:5px 0}.account-theme .theme-swatches button{width:25px;height:25px}
.modal-shade{background:#12172f59;backdrop-filter:blur(7px);padding:25px}.modal{background:var(--surface);border:1px solid var(--line);border-radius:21px;padding:30px;width:610px;max-height:90dvh;box-shadow:0 30px 100px #10172f2a}.modal.wide{width:1000px}.modal-head{margin-bottom:25px}.modal-head button{font-size:27px;color:var(--muted);width:32px;height:32px;display:grid;place-items:center}.modal-foot{gap:12px;margin-top:24px}.error{color:#c34343;font-size:14px;line-height:1.7;margin:14px 0}#toast{background:var(--text);color:var(--surface);font-size:15px;padding:15px 23px;border-radius:11px;box-shadow:0 8px 30px #15234722;max-width:90vw}.checkbox-list{border-color:var(--line);max-height:170px}.checkbox-list label{font-size:14px;padding:8px;background:var(--surface-2);gap:7px}.checkbox-list input{width:16px;min-height:16px}table{font-size:15px}th{color:var(--muted);background:var(--surface-2);font-size:14px;padding:16px 12px;font-weight:400}td{padding:17px 12px;border-color:var(--line)}td input[type=checkbox],th input{width:17px;min-height:17px;accent-color:var(--accent)}td .muted{font-size:13px}.grade-btn{border-color:var(--line);border-radius:7px;padding:7px 11px;font-size:14px;background:var(--surface)}.grade-btn.active{background:var(--accent);color:white;border-color:var(--accent)}.tiny-avatar{width:45px;height:53px;border-radius:9px;background:var(--surface-2)}.student-name{display:flex;gap:12px;align-items:center}.student-name img{width:43px;height:50px;background:var(--surface-2);border-radius:10px}.student-growth-meta{font-size:15px;color:var(--muted);margin-bottom:20px}.growth-task-row{display:grid;grid-template-columns:1fr 85px 65px;align-items:center;gap:10px;font-size:15px;padding:14px 0;border-top:1px solid var(--line)}.growth-task-row b{font-size:14px;color:var(--accent)}.detail-banner{padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.detail-banner h1{font-size:31px;margin:16px 0}.detail-banner p{font-size:16px;color:var(--muted);margin-bottom:16px}.detail-banner .cover-icon{font:58px Arial,sans-serif;color:var(--accent);opacity:.2}.project-tabs{border-color:var(--line);gap:29px;margin-bottom:25px}.project-tabs button{padding:17px 2px;font-size:17px;color:var(--muted)}.project-tabs button.active{border-color:var(--accent);color:var(--text)}.student-task{padding:22px;border-color:var(--line);border-radius:13px;margin-bottom:15px;background:var(--surface)}.student-task h3{font-size:19px;margin-bottom:11px}.student-task p{font-size:15px;color:var(--muted)}.gesture{grid-template-columns:repeat(3,57px);gap:19px;margin:25px}.gesture button{height:57px;border-color:var(--line);background:var(--surface-2);font-size:18px}.gesture button.chosen{background:var(--accent);color:white}
.login{min-height:720px;background:#c9dded;color:#192334}.campus-scene canvas{width:100%;height:100%;display:block}.login-top{top:32px;left:44px;right:44px;z-index:2;pointer-events:none}.login-top .brand{background:#ffffffb3;padding:13px 18px;border:1px solid #ffffff9c;border-radius:15px;backdrop-filter:blur(18px);color:#1b2637}.login-top .brand-icon{background:#273b6c;color:white}.login-top .brand small{color:#616e89}.campus-label{border-color:#ffffff80;padding:11px 17px;background:#ffffff82;backdrop-filter:blur(18px);font-size:14px;color:#314969}.dot{width:6px;height:6px;background:#557acc;margin-right:8px}.login-copy{left:6%;top:27%;pointer-events:none;z-index:1;text-shadow:none}.login-copy:before{display:none}.eyebrow{font:600 11px Arial,sans-serif;letter-spacing:2.5px;color:#3f5982;margin-bottom:25px}.login-copy h1{font-size:clamp(40px,4.2vw,68px);line-height:1.3;letter-spacing:-2px;color:#1e3553;text-shadow:0 1px 25px #ffffffba}.login-copy h1 em{color:#4868c3}.login-card{width:385px;right:6%;padding:35px;background:rgba(255,255,255,.34);border:1px solid #ffffffb0;border-radius:24px;backdrop-filter:blur(30px) saturate(1.55);-webkit-backdrop-filter:blur(30px) saturate(1.55);box-shadow:0 24px 80px #203e6026;color:#192334}.login-card-kicker{font:600 11px Arial,sans-serif;letter-spacing:2px;color:#526a91;margin-bottom:15px}.login-card h2{font-size:29px;margin:0 0 30px;color:#17283e}.login-card label{color:#253b57}.login-card input{background:#ffffff80;border-color:#ffffffad;color:#182c47}.login-card input::placeholder{color:#738197}.login-card .btn{width:100%;margin-top:9px;background:#4265d3;font-size:17px}.login-foot{bottom:26px;left:44px;right:44px;align-items:center;font:12px Arial,sans-serif;color:#344e70;pointer-events:none;text-shadow:none}.login-foot .theme-control{padding:0;color:#344e70;font-size:13px;pointer-events:auto}.login-foot .theme-swatches button{border-color:#e4eef4}.login-foot .theme-control>span{display:none}
.xp-panel{padding:24px;background:var(--accent-soft);border:1px solid var(--line);border-radius:15px;margin:20px 0}.xp-panel .row{margin-bottom:15px}.xp-panel strong{font:600 24px Arial,sans-serif;color:var(--accent)}.xp-panel .progress-track{height:11px;background:var(--surface)}.xp-panel .progress-track i{background:var(--accent)}.xp-panel p{font-size:14px;margin:12px 0 0;color:var(--muted)}.garden-stage{height:300px;background:var(--surface-2);border-radius:15px;overflow:hidden;margin:20px 0}.garden-stage canvas{display:block;width:100%;height:100%}.care-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.care-card{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.care-card h3{font-size:17px;margin-bottom:9px}.care-card p{font-size:13px;color:var(--muted);margin-bottom:14px}.care-card .btn{font-size:13px;padding:9px 12px;min-height:38px;width:100%}.care-adoptions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.care-adoption{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);text-align:center}.care-adoption img{width:100%;height:145px;object-fit:contain}.care-adoption b{display:block;font-size:16px;margin-bottom:10px}.care-adoption button{font-size:14px}.follow-toggle{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:15px}.follow-toggle input{width:20px;min-height:20px;accent-color:var(--accent)}.unlock-row{display:flex;gap:12px;margin:15px 0;flex-wrap:wrap}.unlock-row span{padding:9px 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;font-size:14px}.unlock-row .unlocked{background:var(--accent-soft);color:var(--accent)}
@media(min-width:1650px){.content{padding-left:65px;padding-right:65px}.hero h2{font-size:33px}.hero-copy{padding:38px 42px}.hero-summary{gap:50px}}
@media(max-width:1250px){.shell{grid-template-columns:220px 1fr}.sidebar{width:220px;padding:30px 16px 20px}.content{padding:0 30px 45px}.nav button{padding:13px 15px;font-size:16px}.hero{grid-template-columns:1.35fr 1fr}.hero h2{font-size:27px}.hero-copy{padding:28px}.hero-summary{gap:24px}.hero-summary>div{flex-direction:column;gap:6px}.hero-summary b{font-size:27px}.cards{gap:16px}.card-body{padding:18px}.card-body h3{font-size:18px}.card-bottom{font-size:12px}.catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.theme-control{gap:9px}.theme-swatches{gap:7px}.account-layout{grid-template-columns:1fr}.profile-layout{grid-template-columns:280px 1fr}.care-actions{grid-template-columns:1fr}.garden-stage{height:280px}}
@media(max-width:800px){.shell{display:block}.sidebar{top:auto;bottom:0;width:100%;height:75px;background:var(--surface);padding:0;border-top:1px solid var(--line);border-right:0;display:block}.sidebar>.brand,.sidebar-bottom{display:none}.nav{margin:0;flex-direction:row;justify-content:flex-start;align-items:center;height:100%;gap:0;overflow-x:auto;scrollbar-width:none}.nav button{flex:1;flex-shrink:0;min-width:68px;font-size:12px;flex-direction:column;gap:6px;padding:10px 8px;border-radius:0;height:100%;justify-content:center}.nav button.active{background:transparent;color:var(--accent)}.nav svg{width:21px;height:21px}.content{padding:0 20px 110px}.topbar{height:78px;margin-bottom:27px}.top-actions{gap:10px}.crumb{font-size:13px;gap:10px}.coin{font-size:13px;padding:8px 11px}.page-title{margin-bottom:23px}.page-title h1{font-size:29px;letter-spacing:-.8px}.page-title .date{font-size:14px}.overline{font-size:11px;margin-bottom:9px}.hero{grid-template-columns:1.35fr 1fr;min-height:278px;border-radius:18px;margin-bottom:25px}.hero-copy{padding:24px 20px}.hero h2{font-size:23px;margin-bottom:20px;line-height:1.45}.hero-kicker{font-size:13px;margin-bottom:10px}.hero-summary{gap:23px;margin-bottom:22px}.hero-summary>div{gap:5px}.hero-summary b{font-size:26px}.hero-summary span{font-size:12px;white-space:nowrap}.hero-summary>div:nth-child(3){display:none}.hero-copy>.btn{font-size:13px;padding:10px 12px;min-height:41px;gap:7px}.hero-copy>.btn svg{width:16px}.hero-avatar{min-height:278px}.hero-avatar:before{width:170px;height:170px}.avatar-caption{font-size:12px;bottom:20px}.avatar-caption b{font-size:11px;margin-left:6px}.section-head{margin-top:24px;margin-bottom:17px}.section-head h2{font-size:22px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.cover{height:130px}.cover .pill{font-size:12px;top:13px;left:12px;max-width:90%;padding:5px 7px}.cover-number{font-size:65px;left:12px}.cover-shape{width:105px;height:105px;right:7px}.card-body{padding:16px}.card-body h3{font-size:17px;white-space:normal;line-height:1.5;margin:15px 0 10px}.card-body p{font-size:13px;margin-bottom:14px}.project-status{font-size:12px}.card-body .row>.muted{font-size:12px}.card-bottom{font-size:12px;flex-wrap:wrap;padding-top:13px;gap:8px}.dashboard-lower{grid-template-columns:1fr;gap:0;margin-top:22px}.panel{padding:22px;border-radius:15px}.profile-layout{grid-template-columns:1fr}.profile-card .avatar-stage{height:270px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.item-visual{height:160px}.item-info{padding:15px}.item-info h3{font-size:16px;margin-bottom:14px}.item-info .row{gap:7px;flex-wrap:wrap}.item-info .btn{font-size:12px;padding:8px 10px;min-height:35px}.item-price{font-size:16px}.owned-tag{font-size:11px;left:10px;top:10px;padding:5px}.shop-toolbar{margin-bottom:22px}.direction-tabs{gap:8px}.direction-tabs button{font-size:14px;padding:8px 12px;min-height:39px}.project-toolbar{gap:16px;margin:19px 0 23px}.search{max-width:100%;font-size:15px}.wardrobe-layout{grid-template-columns:1fr;gap:20px}.wardrobe-layout .avatar-stage{height:245px}.wardrobe-items{grid-template-columns:repeat(3,minmax(0,1fr));max-height:320px}.wardrobe-item img{height:90px}.wardrobe-item b{font-size:13px}.account-layout{gap:17px}.account-profile{gap:16px}.account-avatar{width:75px;height:90px}.account-profile h2{font-size:23px}.account-layout h2{font-size:21px}.setting-line .btn{font-size:14px;padding:10px 13px}.grid2{grid-template-columns:1fr;gap:0}.modal{padding:24px 21px;max-height:92dvh;border-radius:17px}.modal-shade{padding:12px}.modal-head h2{font-size:23px}.detail-banner{padding:23px;gap:15px}.detail-banner h1{font-size:27px}.detail-banner .cover-icon{display:none}.detail-banner p{font-size:15px}.project-tabs{gap:23px}.project-tabs button{font-size:16px}.student-task{padding:19px}.student-task h3{font-size:18px}.growth-task-row{grid-template-columns:1fr 63px 50px;font-size:14px}.growth-task-row .muted,.growth-task-row b{font-size:12px}#toast{bottom:95px;font-size:14px}.login{min-height:820px}.login-top{top:21px;left:20px;right:20px}.login-top .brand{font-size:23px;padding:10px 12px}.login-top .brand-icon{width:34px;height:34px;border-radius:10px}.login-top .brand small{font-size:7px;letter-spacing:1px}.campus-label{font-size:11px;padding:9px 12px}.login-copy{top:18%;left:7%}.login-copy h1{font-size:40px;letter-spacing:-1.2px}.eyebrow{font-size:9px;margin-bottom:18px;letter-spacing:1.5px}.login-card{width:calc(100% - 40px);max-width:390px;right:20px;top:auto;bottom:65px;transform:none;padding:27px;background:#ffffff52}.login-card h2{font-size:27px;margin:0 0 26px}.login-card-kicker{font-size:10px}.login-card .field{margin-bottom:19px}.login-card input{min-height:48px}.login-card .btn{margin-top:7px}.login-foot{bottom:25px;left:23px;right:23px;font-size:11px}.login-foot .theme-swatches button{width:19px;height:19px}.login-foot .theme-swatches{gap:8px}.care-adoptions{grid-template-columns:repeat(2,minmax(0,1fr))}.garden-stage{height:265px}}
@media(max-width:480px){.cards{grid-template-columns:1fr}.cover{height:155px}.card-body h3{font-size:20px}.card-bottom{flex-wrap:nowrap;font-size:13px}.hero h2{font-size:22px}.hero-summary{gap:19px}.hero-copy{padding:23px 18px}.hero-avatar:before{width:135px;height:135px}.hero{grid-template-columns:1.45fr 1fr}.hero-summary b{font-size:24px}.hero-summary span{font-size:12px}.hero-copy .btn{padding:10px;font-size:12px;gap:5px}.theme-control{font-size:14px}.page-title .btn{font-size:14px;padding:12px 15px}.task-line{gap:10px}.task-line p,.shortcut small{font-size:13px}.shortcut{gap:12px}.item-visual{height:145px}.item-info{padding:13px}.item-info h3{font-size:15px}.item-info .row{align-items:flex-start}.item-info .btn{width:100%;margin-top:4px}.wardrobe-items{grid-template-columns:repeat(2,minmax(0,1fr))}.login-top .brand small{display:none}.campus-label{font-size:10px;padding:9px}.login-top .brand{font-size:24px}.brand small{font-size:8px}.account-profile .pill{font-size:12px;margin-left:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}