.space-preview{min-height:100svh;background:radial-gradient(ellipse at 85% 5%,#ede8f266,transparent 48%),#f7f9fc;color:#344b61}.sp-banner{position:sticky;top:0;z-index:65;min-height:43px;padding:10px 24px;display:flex;align-items:center;justify-content:center;gap:10px;background:#e9f0f8;border-bottom:1px solid #d4dfeb;font-size:12px;line-height:1.6}.sp-home-link{display:inline-flex;align-items:center;gap:6px;min-height:36px;color:#476580}.sp-collections{margin-top:32px;padding:clamp(22px,3vw,38px);border:1px solid #fff;border-radius:24px;background:linear-gradient(130deg,#fff9,#e6e8f366);box-shadow:0 12px 35px #495e7410}.sp-collections h2{font-size:clamp(22px,2.5vw,32px);margin:12px 0;font-weight:500}.sp-collections>p{color:#667c90;font-size:13px;line-height:1.8}.sp-collection-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:24px}.sp-collection-links a{position:relative;padding:20px 14px;border-radius:15px;border:1px solid #fff;background:#ffffff8f;color:#405f7b;text-decoration:none}.sp-collection-links span,.sp-collection-links strong{display:block;padding-right:20px}.sp-collection-links span{margin-top:10px;font-size:11px;color:#6e8398}.sp-collection-links svg{position:absolute;right:12px;top:23px}.sp-info>a.sp-primary{display:inline-flex;text-decoration:none;margin:0 12px 12px 0}.sp-banner strong,.sp-banner svg{flex-shrink:0}.sp-layout{display:grid;grid-template-columns:224px minmax(0,1fr);max-width:1900px;margin:auto}.sp-sidebar{position:sticky;top:44px;align-self:start;height:calc(100svh - 44px);min-height:620px;border-right:1px solid #e1e6ed;padding:34px 20px;display:flex;flex-direction:column;background:linear-gradient(160deg,#f5f7faf2,#eef2f880)}.sp-brand{display:flex;gap:12px;align-items:center;background:none;border:0;text-align:left;padding:0;color:#4f6781;font-size:17px}.sp-brand small{display:block;font-size:9px;letter-spacing:.17em;margin-top:5px}.sp-nav-caption{font-size:8px;letter-spacing:.14em;margin:42px 0 16px;color:#768b9f}.sp-sidebar nav{display:grid;gap:9px}.sp-sidebar nav button{display:flex;gap:12px;align-items:center;min-height:46px;border:1px solid transparent;border-radius:12px;padding:11px 14px;background:none;color:#52677b;font-size:14px;text-align:left}.sp-sidebar nav button.is-active{background:#dce7f3;border-color:#cfdfef;box-shadow:inset 0 1px #fff,0 3px 10px #4f719308;color:#294863}.sp-sidebar nav i{width:5px;height:5px;border-radius:50%;background:#5e7f9f;margin-left:auto}.sp-side-note{margin-top:auto;padding:35px 13px 25px;color:#8092a7}.sp-side-note p{font-family:Georgia,Songti SC,serif;line-height:1.9;margin:14px 0;font-size:16px}.sp-side-note small{font-size:7px;letter-spacing:.1em}.sp-preferences{display:grid;gap:8px;border-top:1px solid #dfe5ed;padding-top:18px}.sp-preferences button{display:flex;gap:9px;align-items:center;justify-content:center;background:transparent;border:1px solid #dbe2ec;border-radius:10px;padding:10px;color:#64788d;font-size:12px}.sp-preferences button[aria-pressed=true]{background:#dfe7f1;color:#294763}.sp-main{min-width:0;padding:0 clamp(22px,4vw,76px) 25px;outline:none}.sp-topline{display:flex;justify-content:space-between;gap:12px;padding:27px 0 24px;color:#7a8b9d;font-size:11px;letter-spacing:.08em;border-bottom:1px solid #e1e7ee;margin-bottom:28px}.sp-main .home-page{max-width:1250px;margin:auto}.sp-main .home-welcome{margin-top:16px}.sp-footer-note{text-align:center;font-size:10px;line-height:1.8;letter-spacing:.05em;color:#7f8d9e;margin:35px 0 5px}.sp-english{max-width:980px;margin:auto;padding:36px 0 48px}.sp-section-heading{margin-bottom:36px}.sp-section-heading h1{font-size:clamp(31px,4vw,52px);font-family:Georgia,Songti SC,SimSun,serif;font-weight:500;line-height:1.5;letter-spacing:-.025em;margin:15px 0}.sp-section-heading h1 em{font-style:normal;color:#8875a0}.sp-section-heading p{font-size:14px;line-height:1.8;color:#73849b}.sp-welcome-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:center;min-height:340px;background:linear-gradient(125deg,#eaf3f7bd,#f7f5fbdd 52%,#e9e2f0a1);border:1px solid #fff;border-radius:24px;padding:35px;box-shadow:inset 0 -2px #cfd7e288,0 24px 55px #66728b0e}.sp-welcome-card h2{font-weight:500;font-size:25px;line-height:1.4}.sp-welcome-card p{font-size:14px;line-height:1.9;color:#6b7c8f}.sp-welcome-card small{display:block;line-height:1.8;font-size:11px;color:#7b8799;margin-top:20px}.sp-english-orb{position:relative;aspect-ratio:1;max-width:235px;width:100%;margin:auto;border-radius:50%;display:grid;place-items:center;border:1px solid #fff;background:radial-gradient(circle at 30% 20%,#fff,#d8d4ed90 44%,#9fbcd1b0 82%);box-shadow:inset -8px -8px 18px #7e8bb72a,inset 3px 3px 4px #fff,10px 21px 30px #7c81a226;animation:sp-float 8s ease-in-out infinite}.sp-english-orb:after,.sp-english-orb:before{content:"";position:absolute;inset:24% -19%;border:2px solid #ffffffdf;border-bottom-color:#9d95bd;border-radius:50%;transform:rotate(-31deg);box-shadow:0 3px 1px #a0a9c530}.sp-english-orb:after{inset:-10% 13%;transform:rotate(24deg);border-width:1px;border-bottom-color:#c6d3e0}.sp-english-orb span{font-family:Georgia,serif;font-size:85px;color:#667997;text-shadow:0 2px #fff,0 4px #a2a7be}.sp-english-orb svg{position:absolute;width:24px;right:2%;top:11%;color:#fff}.sp-primary,.sp-secondary{border:1px solid #d0dae8;border-radius:30px;min-height:47px;padding:12px 22px;display:inline-flex;gap:12px;align-items:center;justify-content:center;font-size:14px;line-height:1.5}.sp-primary{background:#425d7a;color:#fff;box-shadow:inset 0 1px #7e93ab,0 5px 13px #415a791c}.sp-primary svg{transition:transform .25s}.sp-primary:hover svg{transform:translateX(3px)}.sp-secondary{color:#526a81;background:#ffffffa1}.sp-question,.sp-result{position:relative;padding:30px 36px;border-radius:24px;background:linear-gradient(140deg,#fff,#f7f8fc 65%,#e7edf4b0);border:1px solid #fff;box-shadow:inset 0 -2px #dce2eb,0 20px 60px #52647f0b}.sp-question-top{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#8091a5}.sp-progress{display:flex;gap:7px;margin:15px 0 36px}.sp-progress i{height:4px;flex:1 1;background:#e7ecf3;border-radius:9px}.sp-progress i.is-current{background:#b6b0cf}.sp-progress i.is-done{background:#90b1c5}.sp-question h2{font-size:clamp(22px,2.7vw,34px);line-height:1.5;letter-spacing:-.02em;font-weight:500;margin:0 0 30px;font-family:Georgia,Songti SC,serif}.sp-choices{display:grid;gap:12px}.sp-choices button{min-height:62px;display:flex;gap:16px;align-items:center;padding:15px 19px;border:1px solid #dce4ef;border-radius:15px;background:#fafcff;color:#425b76;text-align:left;box-shadow:0 3px 0 #e0e6ee70;transition:background .2s,transform .2s}.sp-choices button:not(:disabled):hover{background:#eaf0f9;transform:translateY(-2px)}.sp-choices button>span{flex-shrink:0;width:27px;height:27px;display:grid;place-items:center;border:1px solid #d7e1ed;border-radius:9px;font-size:11px;color:#7c8ea4}.sp-choices strong{font-size:16px;font-weight:500;flex:1 1;line-height:1.6}.sp-choices button:disabled{opacity:1;cursor:default}.sp-choices button.is-correct{background:#e9f3ef;border-color:#b2cdc1;color:#376a59}.sp-choices button.is-wrong{background:#f6eee9;border-color:#dec7b6;color:#896852}.sp-answer{margin-top:26px;padding:21px 23px;background:#f0f4f9;border:1px solid #e0e8f2;border-radius:16px}.sp-answer strong{font-size:15px;font-weight:500}.sp-answer p{font-size:14px;line-height:1.9;color:#62778c;margin:10px 0 20px}.sp-answer-hint{color:#8795a7;font-size:12px;margin:25px 0}.sp-back{display:flex;align-items:center;gap:9px;font-size:12px;border:0;background:none;color:#73879d;padding:10px 0;margin-top:20px}.sp-result{text-align:center;padding:40px 36px}.sp-result-star{display:block;font-size:62px;color:#c2aacd;line-height:1.2;margin-bottom:22px;text-shadow:0 2px #fff,0 5px #ad9cbb,0 14px 21px #b6a7c733}.sp-result h2{font-family:Georgia,Songti SC,serif;font-size:27px;font-weight:500;line-height:1.6}.sp-result>p{color:#7a8b9d;line-height:1.9;font-size:13px}.sp-result .sp-score{font-size:18px;color:#516882}.sp-score strong{font-size:37px;font-family:Georgia,serif;margin-left:9px;color:#877699}.sp-result-actions{display:flex;justify-content:center;gap:12px;margin:30px 0}.sp-result details{text-align:left;border-top:1px solid #e0e6ed;padding-top:20px;color:#6a7e94;font-size:13px}.sp-result summary{cursor:pointer;min-height:32px}.sp-review{padding:18px 0 8px;border-top:1px solid #e6eaf0}.sp-review strong{font-weight:500;line-height:1.7}.sp-review p{font-size:12px;line-height:1.8;color:#7b8c9f}.sp-info{max-width:830px;margin:auto;padding:42px 0 60px;text-align:center}.sp-info-installation{position:relative;width:210px;height:200px;display:grid;place-items:center;margin:35px auto;color:#8393b5;animation:sp-float 9s ease-in-out infinite}.sp-info-installation:before{content:"";position:absolute;inset:23px;border-radius:50%;background:radial-gradient(circle at 25% 20%,#fff,#c6d4ea99 50%,#afa4c570);border:1px solid #fff;box-shadow:inset -5px -7px 15px #7c83a126,5px 18px 25px #838eab21}.sp-info-installation i{position:absolute;inset:15% -14%;border:1px solid #fff;border-bottom:3px solid #b6aecb;border-radius:50%;transform:rotate(-35deg);z-index:2}.sp-info-installation i+i{inset:1% 15%;transform:rotate(36deg);border-bottom-color:#b7ced9;z-index:0}.sp-info-installation>svg{z-index:1;filter:drop-shadow(0 3px 1px #fff)}.sp-info h1{font-family:Georgia,Songti SC,serif;font-weight:500;font-size:clamp(25px,3vw,37px);line-height:1.6}.sp-info>p{max-width:570px;margin:20px auto;line-height:2;color:#6b8095;font-size:15px}.sp-scope{display:flex;gap:12px;align-items:center;text-align:left;max-width:580px;margin:28px auto;padding:20px 24px;background:#ecf1f7;border:1px solid #dce5ef;border-radius:16px;font-size:13px;line-height:1.9;color:#687e94}.sp-scope svg{flex-shrink:0}.sp-info>.sp-back{margin:20px auto 0}.space-preview a:focus-visible,.space-preview button:focus-visible{outline:3px solid #96b4d3;outline-offset:4px}.space-preview[data-preview-quiet=true] *{animation:none!important;transition:none!important}@keyframes sp-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(1deg)}}@media (max-width:900px){.sp-layout{grid-template-columns:184px minmax(0,1fr)}.sp-sidebar{padding:27px 13px}.sp-brand{font-size:15px}.sp-main{padding:0 24px 25px}.sp-nav-caption{font-size:7px}.sp-side-note{padding-left:9px}.sp-welcome-card{grid-template-columns:1fr;padding:28px;gap:28px}.sp-english-orb{width:175px}.sp-welcome-card>div:last-child{text-align:center}.sp-english-orb span{font-size:70px}.sp-question{padding:26px}.sp-section-heading h1 em{display:block}.sp-banner{font-size:11px}}@media (max-width:640px){.sp-banner{justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:3px 8px;padding:9px 16px;font-size:10px}.sp-banner svg{width:15px;height:15px;margin-top:1px}.sp-banner span{flex-basis:100%;padding-left:23px;line-height:1.6}.sp-layout{display:block}.sp-sidebar{position:relative;top:auto;height:auto;min-height:0;padding:20px 18px 10px;border-right:0;border-bottom:1px solid #e0e7f0}.sp-brand{font-size:16px}.sp-brand>svg{width:29px}.sp-brand small{font-size:8px}.sp-nav-caption,.sp-side-note{display:none}.sp-sidebar nav{display:flex;gap:4px;margin:22px -5px 4px}.sp-sidebar nav button{flex:1 1;min-width:0;flex-direction:column;justify-content:center;gap:5px;min-height:56px;padding:9px 4px;font-size:11px;border-radius:10px}.sp-sidebar nav button span{white-space:nowrap}.sp-sidebar nav button svg{width:15px;height:15px}.sp-sidebar nav i{display:none}.sp-preferences{position:absolute;top:24px;right:18px;display:flex;gap:9px;border:0;padding:0}.sp-preferences button{border:0;min-height:30px;font-size:10px;padding:4px 0;gap:4px}.sp-preferences button svg{height:13px;width:13px}.sp-preferences button[aria-pressed=true]{background:transparent;color:#3d5473;text-decoration:underline;text-underline-offset:5px}.sp-main{padding:0 20px 20px}.sp-topline{padding:20px 0 16px;margin-bottom:21px;font-size:10px}.sp-main .home-welcome{flex-wrap:wrap;gap:10px;font-size:10px}.sp-main .home-hero{margin-left:0;margin-right:0}.sp-main .hero-copy h1{font-size:clamp(30px,8vw,42px)}.sp-english{padding:10px 0 20px}.sp-section-heading{margin-bottom:25px}.sp-section-heading>.eyebrow{font-size:8px;letter-spacing:.09em}.sp-section-heading h1{font-size:31px;line-height:1.5;margin:13px 0}.sp-section-heading p{font-size:12px}.sp-welcome-card{padding:29px 23px 25px;gap:31px;border-radius:20px}.sp-welcome-card h2{font-size:23px}.sp-welcome-card p{font-size:13px}.sp-welcome-card .eyebrow{font-size:9px}.sp-english-orb{width:155px}.sp-english-orb span{font-size:64px}.sp-question,.sp-result{padding:23px 19px;border-radius:19px}.sp-question-top{font-size:10px}.sp-progress{margin:13px 0 29px}.sp-question h2{font-size:24px;margin-bottom:23px}.sp-choices button{padding:13px;gap:10px;min-height:58px}.sp-choices strong{font-size:14px}.sp-answer{padding:17px 15px}.sp-answer strong{font-size:13px}.sp-answer p{font-size:12px}.sp-primary,.sp-secondary{font-size:13px;padding:12px 18px;min-height:46px}.sp-result h2{font-size:23px}.sp-result-actions{flex-direction:column}.sp-info{padding:24px 0 25px}.sp-info>.eyebrow{font-size:8px;letter-spacing:.1em}.sp-info-installation{width:180px;height:180px;margin:26px auto}.sp-info>p{font-size:13px}.sp-scope{padding:17px;font-size:12px;gap:10px}.sp-footer-note{font-size:9px;margin-top:25px}}@media (prefers-reduced-motion:reduce){.space-preview *{animation:none!important;transition:none!important}}