:root{--ink:#443629;--shadow:0 12px 38px #44362908}html{scroll-behavior:smooth}body{background:#fcfcfa;color:#443629;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif}header{height:94px;padding:0 max(50px,calc((100vw - 1320px)/2));gap:45px;background:#fcfcfaeF;border-bottom:1px solid #e9e9e5;backdrop-filter:blur(18px)}.brand{color:#443629;font-size:22px;gap:12px;white-space:nowrap}.fang-logo{width:43px;height:43px}.brand small{color:#927c59;font-size:10px;letter-spacing:1px;font-weight:400;margin-top:3px}nav{gap:34px}nav a{color:#927c59;font-size:14px}nav a.active,nav a:hover{color:#927c59}.header-right{gap:15px}.header-right .quiet{font-size:11px;color:#927c59}.language-switch{background:#fff;border:1px solid #e5e7ec;color:#735737}.language-switch select{color:#443629;background:transparent}main{min-height:calc(100vh - 210px)}.fang-hero{max-width:1320px;height:530px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.hero-eyebrow{font-size:13px;color:#927c59;letter-spacing:2px}.hero-copy h1{font-size:64px;line-height:1.27;letter-spacing:-3px;font-weight:750;margin:23px 0}.hero-copy h1 span{color:#927c59}.hero-copy p{font-size:16px;color:#927c59;line-height:1.8}.explore-link{display:inline-flex;gap:32px;color:#927c59;font-size:14px;font-weight:600;margin-top:23px}.explore-link span{transition:transform .25s}.explore-link:hover span{transform:translateY(4px)}.hero-scene{position:relative;height:420px;perspective:1000px}.hero-word{position:absolute;border:1px solid #f5eedc;background:linear-gradient(145deg,#fff,#f4f6fa);border-radius:20px;box-shadow:9px 22px 26px #44362912,2px 4px 0 #f5eedc;display:flex;align-items:center;justify-content:center;flex-direction:column;width:220px;height:260px;animation:brand-float 7s ease-in-out infinite}.hero-word small{font-size:7px;letter-spacing:1.2px;color:#927c59;position:absolute;top:25px}.hero-word strong{font-size:61px;letter-spacing:5px;font-weight:600;color:#443629}.hero-word>span{font-size:16px;color:#927c59;margin-top:8px}.hero-word>i{position:absolute;bottom:22px;left:27px;font-size:9px;color:#ceb98c;font-style:normal}.word-back{left:32%;top:32px;rotate:12deg;animation-delay:-2s}.word-front{left:9%;top:85px;rotate:-12deg;z-index:2}.hero-grid{left:63%;top:144px;width:151px;height:176px;rotate:13deg;animation-delay:-4s}.hero-grid strong{font-size:70px}.brand-cover{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);overflow:hidden;border-radius:inherit}.brand-cover i{background:#927c59;border:1px solid #ffffff40}.brand-cover i:nth-child(6),.brand-cover i:nth-child(7),.brand-cover i:nth-child(10),.brand-cover i:nth-child(11){opacity:0}.hero-grid .brand-cover i{background:#e7d8b5}.orange-orb{position:absolute;left:76%;top:54px;width:53px;height:53px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffc89c,#f09a5f 57%,#d7753e);box-shadow:0 16px 22px #ad765322;animation:brand-float 8s ease-in-out infinite}.orbit{position:absolute;border:1px solid #e7d8b5;width:480px;height:230px;border-radius:50%;transform:rotate(-25deg);left:0;top:75px}.scene-caption{position:absolute;bottom:5px;left:30%;font-size:11px;color:#ceb98c;letter-spacing:1px}.fang-tools{max-width:1320px;margin:0 auto 74px;scroll-margin-top:120px}.tools-heading{display:flex;align-items:center;justify-content:space-between;margin:12px 0 28px}.tools-heading h2{font-size:27px;letter-spacing:-.7px;margin:0}.tools-heading>span{font-size:12px;color:#927c59}.tool-grid{display:grid;grid-template-columns:1.65fr 1fr 1fr 1fr;gap:18px}.tool-card{border:1px solid #f5eedc;border-radius:23px;background:#fff;overflow:hidden;transition:transform .3s,box-shadow .3s}.tool-card:hover{transform:translateY(-7px);box-shadow:0 20px 35px #44362912}.tool-preview{height:180px;position:relative;margin:12px 12px 0;border-radius:15px;overflow:hidden;display:flex;align-items:center;justify-content:center}.vocab-preview{background:#f5eedc;gap:17px}.mini-vocab{width:113px;height:143px;border:1px solid #f5eedc;background:#fff;border-radius:12px;box-shadow:0 8px 15px #44362910;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-6deg)}.mini-vocab small{font-size:8px;color:#ceb98c}.mini-vocab strong{font-size:31px;margin:10px 0;color:#443629}.mini-vocab>span{font-size:11px;color:#927c59}.mini-choices{display:grid;gap:6px;font-size:9px;width:108px}.mini-choices span{padding:8px;background:#ffffff90;border:1px solid #f5eedc;border-radius:7px;color:#927c59}.mini-choices .chosen{color:#927c59;background:#f5eedc;border-color:#e7d8b5}.tool-copy{padding:23px 24px 22px}.tool-category{font-size:10px;color:#927c59;letter-spacing:1px}.tool-copy h3{font-size:21px;margin:10px 0;color:#443629}.tool-copy p{font-size:12px;color:#927c59;line-height:1.9;min-height:46px;margin:0}.tool-link{font-size:12px;color:#927c59;display:flex;justify-content:space-between;margin-top:23px}.tool-link b{font-weight:400}.snake-preview{background-color:#fff3e8;background-image:linear-gradient(#ebdac94d 1px,transparent 1px),linear-gradient(90deg,#ebdac94d 1px,transparent 1px);background-size:24px 24px}.preview-snake{position:relative;width:120px;height:70px}.preview-snake i{position:absolute;width:22px;height:22px;border-radius:6px;background:#927c59;box-shadow:0 3px 0 #735737}.preview-snake i:nth-child(2){left:24px}.preview-snake i:nth-child(3){left:48px}.preview-snake i:nth-child(4){left:48px;top:24px}.preview-snake i:nth-child(5){left:72px;top:24px}.preview-snake i:nth-child(6){left:96px;top:24px}.snake-fruit{position:absolute;width:17px;height:17px;border-radius:6px;background:#ff9e51;right:30px;top:43px;rotate:10deg}.guess-preview{background:#f5eedc;margin-left:27px;margin-right:27px;height:156px;margin-top:24px;margin-bottom:12px;border:6px solid #fff;box-shadow:0 6px 13px #73573712}.guess-preview strong{font-size:72px;color:#443629}.picker-preview{background:#f3effb}.preview-wheel{height:130px;width:130px;border:7px solid white;border-radius:50%;background:conic-gradient(#e7d8b5 0deg 60deg,#e7d8b5 60deg 120deg,#f5eedc 120deg 180deg,#f8caa7 180deg 240deg,#e7d8b5 240deg 300deg,#f5eedc 300deg);box-shadow:0 7px 15px #927c5920;display:grid;place-items:center;transition:transform 1s}.preview-wheel span{background:white;color:#927c59;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:14px}.picker-tool:hover .preview-wheel{transform:rotate(55deg)}.brand-wheel-pointer{position:absolute;top:18px;left:calc(50% - 7px);border-left:7px solid transparent;border-right:7px solid transparent;border-top:15px solid #927c59}footer{background:transparent;border-top:1px solid #e6e8ec;color:#927c59;padding:27px max(50px,calc((100vw - 1320px)/2));margin-top:40px}.footer-brand{color:#735737;font-size:14px}.footer-brand small{color:#ceb98c;letter-spacing:1px}.primary{background:#927c59;box-shadow:0 5px 14px #927c5916;border-radius:11px}.primary:not(:disabled):hover{background:#735737;box-shadow:0 7px 18px #927c5925}.secondary{background:#f5eedc;color:#927c59;border-color:#f5eedc}.quiet{color:#927c59}.kicker{background:#f5eedc;color:#927c59}.practice-title h1,.question-word h1,.word-text strong,.word-heading h2,.results h1,.face strong{color:#443629}.practice-title p,.word-text>span,.word-heading p,.play-note{color:#927c59}.unit-panel,.word-panel,.play-shell,.results,.snake-settings,.snake-preview,.classroom-shell{background:#fff;border-color:#f5eedc;box-shadow:var(--shadow)}.word-heading{background:#f5eedc;border-color:#f5eedc}.unit.active{color:#927c59;background:#f5eedc;border-color:#f5eedc}.word-card{background:#fff;border-color:#f5eedc}.word-card.picked{background:#f5eedc;border-color:#e7d8b5}.word-text small,.question-word small{color:#927c59}.audio{background:#f5eedc;border-color:#f5eedc;color:#927c59}.start-bar{background:#fffffff5;border-color:#f5eedc}.start-bar strong{color:#927c59}input[type=checkbox]{accent-color:#927c59}.steps .current{color:#927c59}.steps .current b,.progress>span{background:#927c59}.word-context{background:#f6f8fc;border-color:#f5eedc}.word-context p{color:#735737}.face{background:linear-gradient(140deg,#fff,#f5eedc);border-color:#f5eedc}.face.back{background:#f7f9ff}.face.back strong{color:#735737}.version,.word-total,.level-field select{background:#f5eedc;border-color:#f5eedc;color:#927c59}.review-list{background:#f7f9fd;border-color:#f5eedc}#notice{background:#443629}.language-switch{border-color:#f5eedc!important;background:#fff!important}.language-switch select{color:#735737!important}.cover-tile{background:#927c59!important}.guess-board,.guess-setup,.picker-sidebar,.picker-stage{border-color:#f5eedc}.hidden-word{color:#443629}.snake-settings{background:#fff}.snake-settings input,.snake-settings textarea,.guess-setup textarea,.picker-sidebar input{border-color:#f5eedc;background:#fff;color:#443629}@keyframes brand-float{0%,100%{translate:0 0}50%{translate:0 -11px}}@media(max-width:1450px){.fang-hero,.fang-tools{margin-left:65px;margin-right:65px}.hero-copy h1{font-size:56px}.hero-scene{scale:.92}.tool-copy{padding:22px 18px}.tool-copy h3{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-word,.orange-orb{animation:none}}
.tool-intro h1,.classroom-shell h2,.picker-result strong{color:#443629}.guess-setting,.guess-stage,.picker-main,.picker-sidebar{background:#f7f9fd;border-color:#f5eedc}.cover-grid button{background:#927c59;color:#f5eedc}.cover-grid button:nth-child(3n){background:#927c59}.cover-grid button:hover{background:#927c59;box-shadow:inset 0 0 0 3px #e7d8b5}.guess-board{border-color:#f5eedc;background:#fff}.grid-options button.selected,.picker-tabs button.selected{background:#f5eedc;border-color:#e7d8b5;color:#927c59}.picker-tabs,.picker-history,.group-results section{background:#fff;border-color:#f5eedc}.picker-history span,.attendance button,.group-results span,.guess-summary span{background:#f5eedc;border-color:#e7d8b5;color:#735737}.classroom-shell:fullscreen{background:#fcfcfa}.classroom-shell textarea,.classroom-shell input:not([type=checkbox]),.classroom-shell select{color:#443629;border-color:#f5eedc;background:#fff}.wheel-center{background:#fff;color:#927c59;border-color:#f5eedc}.wheel-pointer{background:#927c59}.brand-wheel-pointer{background:transparent;width:0;height:0;clip-path:none;filter:none;z-index:2}.snake-tool .snake-preview{border:0;box-shadow:none}.snake-question,.snake-review,.snake-listen{background:#f7f9fe;border-color:#f5eedc}.tool-preview.snake-preview{background-color:#fff3e8;background-image:linear-gradient(#ebdac94d 1px,transparent 1px),linear-gradient(90deg,#ebdac94d 1px,transparent 1px);background-size:24px 24px}.brand small{color:#927c59!important}nav a.active:after{background:#927c59!important}.pair-shell{max-width:1060px}.pair-intro{text-align:center;padding:20px 25px 8px}.pair-intro h1{font-size:30px;margin:18px 0 10px}.pair-intro p{font-size:14px;color:#927c59}.pair-meta{display:flex;justify-content:center;gap:30px;color:#927c59;font-size:13px;margin:25px 0 12px}.pair-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:15px 35px}.pair-card{height:145px;position:relative;background:transparent;border:0;padding:0;perspective:900px}.pair-back,.pair-face{position:absolute;inset:0;border-radius:16px;backface-visibility:hidden;transition:transform .45s;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #f5eedc;box-shadow:0 5px 12px #44362908}.pair-back{background:linear-gradient(135deg,#f5eedc,#f5eedc);color:#927c59;font-size:35px}.pair-back small{font-size:10px;position:absolute;bottom:12px;color:#927c59}.pair-face{transform:rotateY(180deg);background:#fff;padding:15px}.pair-face strong{font-size:21px;line-height:1.45;color:#443629;overflow-wrap:anywhere}.pair-face small{color:#927c59;font-size:12px;min-height:20px;margin-bottom:8px}.pair-card.is-open .pair-back{transform:rotateY(-180deg)}.pair-card.is-open .pair-face{transform:rotateY(0)}.pair-card:disabled{opacity:1}.pair-card.is-matched .pair-face{background:#f5eedc;border-color:#ceb98c}.pair-card:not(:disabled):hover .pair-back{border-color:#ceb98c}.pair-message{text-align:center;min-height:22px;font-size:14px;color:#927c59;margin:18px}.pair-actions{display:flex;gap:16px;justify-content:center;padding-bottom:10px}
.monopoly-preview{background:#f5eedc;gap:17px;border:12px solid #f5eedc;outline:1px dashed #ceb98c;outline-offset:-24px}.monopoly-preview>span{font-size:75px;color:#927c59}.monopoly-preview i{font-style:normal;font-size:28px;transform:rotate(12deg)}.monopoly-preview b{font-size:28px;color:#efa657}.monopoly-frame{max-width:1400px;margin:20px auto}.monopoly-frame>.crumb{display:block;margin:0 30px 15px}.monopoly-frame iframe{width:100%;height:1320px;border:0;border-radius:20px;background:#fcfcfa}.tool-grid{grid-template-columns:repeat(3,1fr)}.hsk-tool{grid-column:span 2}.monopoly-page main{min-width:0}@media(max-width:900px){body.monopoly-page{min-width:0}.monopoly-page header{padding:10px;height:auto;gap:10px;flex-wrap:wrap}.monopoly-page .brand{font-size:16px}.monopoly-page nav{margin:0;gap:15px}.monopoly-page footer{padding:15px;gap:10px;flex-wrap:wrap}.monopoly-frame iframe{height:1900px}.monopoly-frame{margin:10px}}