*{box-sizing:border-box}html{color-scheme:light}body{margin:0;color:#2a4136;background:radial-gradient(ellipse at 85% 8%,#e8d6a544,transparent 50%),#f6efdc;font:15px/1.5 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible{outline:3px solid #e28b32;outline-offset:3px}[hidden]{display:none!important}header{background:#16392f;border-bottom:3px solid #af9259;color:#fff2ce}header>div,main,footer{max-width:1000px;margin:auto}header>div,footer{display:flex;justify-content:space-between;align-items:center;padding:7px 22px}.brand{display:flex;gap:9px;align-items:center}.brand img{width:28px;height:35px;object-fit:contain}.brand span{border-left:1px solid #8a8058;padding-left:10px;letter-spacing:.11em;font-weight:750}.brand small{display:block;font-size:7px;letter-spacing:.18em;color:#d7b978}nav{display:flex;gap:18px;font-size:12px}main{padding:18px 22px 24px}.mast{position:relative}.eyebrow{font-size:10px;font-weight:750;letter-spacing:.15em;color:#876444}.eyebrow i{display:inline-block;vertical-align:middle;width:20px;height:1px;background:#a87745}.mast h1{font:900 clamp(37px,4.2vw,57px)/1.1 Georgia,"Songti SC","SimSun",serif;letter-spacing:.065em;margin:3px 0 0;color:#254c3b}.mast p{margin:6px 0 12px;color:#766449;font-size:13px}.switch{display:flex;gap:8px;max-width:645px;margin:0 0 12px}.switch button{position:relative;flex:1;min-height:48px;display:flex;gap:11px;align-items:baseline;text-align:left;padding:9px 13px;border:1px solid #bdac87;border-radius:6px;background:#fffaea;color:#536352}.switch button[aria-pressed=true]{background:#234a3c;color:#ffedbc;border-color:#426146;box-shadow:inset 0 -2px #ab8a48}.switch small{font-size:10px;align-self:center;letter-spacing:.08em}.switch b{font-size:20px;letter-spacing:.06em}.switch em{margin-left:auto;align-self:center;font-size:10px;font-style:normal;opacity:.8}.spread{display:grid;grid-template-columns:minmax(0,2fr) minmax(185px,.84fr);gap:24px;align-items:start}.cabinet{position:relative;overflow:hidden;border:2px solid #665636;border-radius:14px;background:#fdf2d9;box-shadow:0 4px 0 #bdab80,0 9px 24px #4f402b27}.cap{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;color:#ffeabd;background:#274e3f;font-size:12px;font-weight:700}.cap>div{display:flex;align-items:center;gap:12px}.cap i{display:inline-block;width:7px;height:7px;background:#eeb85a;border-radius:50%;margin-right:4px}.cap button{border-radius:50%;width:27px;height:27px;background:#305d49;color:#ffe7af;border:1px solid #a5ac7e}.cap button[aria-pressed=false]{opacity:.55}.set{position:relative;isolation:isolate;background:#65482f;overflow:hidden}.shop-frieze{height:clamp(78px,9.7vw,120px);background:linear-gradient(90deg,#19372df2 1%,#1a3729a8 45%,#65452b11),url('/luobo/tea/room.webp') center 48%/cover}.inscription{position:absolute;top:13px;left:20px;display:grid;color:#ffe6ae}.inscription small{font-size:10px;letter-spacing:.17em}.inscription strong{font:800 clamp(29px,3.6vw,46px)/1.2 Georgia,"Songti SC",serif;letter-spacing:.08em}.counter{height:clamp(222px,23vw,298px);position:relative;isolation:isolate;background:repeating-linear-gradient(1deg,transparent 0 7px,#d5a66b17 8px,#61351612 9px,transparent 10px 16px),linear-gradient(170deg,#83502e,#b57d4a 52%,#925c37);border-top:4px solid #765034;touch-action:manipulation}.track{position:absolute;top:64%;left:-2%;width:104%;height:23%;border-block:1px solid #70412588;transform:skewX(-8deg);background:#693e2730}.slip{--pos:44%;position:absolute;left:var(--pos);top:68%;width:clamp(109px,27%,175px);height:42%;transform:translate(-50%,-50%) rotate(-2deg);background:repeating-linear-gradient(0deg,#b8a6790a 0 1px,transparent 1px 4px),#fff0ca;border:1px solid #d5bb86;box-shadow:0 4px 5px #4d2d1e4a;padding:6px 9px;color:#694a33}.slip:before{content:"";position:absolute;inset:4px;border:1px solid #bf9e6790;pointer-events:none}.slip-head,.slip-foot{position:absolute;left:9px;right:9px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em}.slip-head{top:6px}.slip-head span{font:9px Georgia}.slip-foot{bottom:7px;justify-content:center;font:600 9px system-ui}.target,.ink{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38%;aspect-ratio:1.25;border:1px dashed #b35e4b;color:#b46651;font:650 12px Georgia,serif;display:grid;place-items:center}.ink{transform:translate(-50%,-50%) rotate(-4deg);border:3px double #b44232;color:#a6432e;background:#b8453321;gap:1px;align-content:center;z-index:2}.ink i,.ink b{display:block;background:currentColor}.ink i{height:10px;width:11px;justify-self:center;mask:url('/luobo/match/life-mark.webp') center/contain no-repeat;-webkit-mask:url('/luobo/match/life-mark.webp') center/contain no-repeat}.ink b{width:82%;aspect-ratio:3;mask:url('/luobo/match/brand-letters.webp') center/contain no-repeat;-webkit-mask:url('/luobo/match/brand-letters.webp') center/contain no-repeat}.aim{position:absolute;inset:37% auto 8% 50%;width:1px;border-left:2px dashed #ffe9a6bb;pointer-events:none}.aim:before,.aim:after{content:'';position:absolute;left:-5px;width:8px;height:8px;transform:rotate(45deg);background:#ffe1a1}.aim:after{bottom:0}.seal-tool{position:absolute;z-index:3;left:50%;bottom:47%;height:65%;transform:translateX(-50%) rotate(-7deg);transform-origin:50% 88%;filter:drop-shadow(3px 6px 3px #341e2060);pointer-events:none}.seal-tool>img{height:100%;width:auto;display:block}.seal-tool i{position:absolute;bottom:12%;left:25%;height:15%;width:27%;background:url('/luobo/match/life-mark.webp') center/contain no-repeat}.seal-tool.hit{animation:press .43s both}@keyframes press{0%{transform:translateX(-50%) rotate(-7deg)}27%,43%{transform:translate(-50%,23%) rotate(-2deg)}75%{transform:translate(-50%,-4%) rotate(-7deg)}}.verdict{position:absolute;z-index:4;right:5%;top:9%;color:#fff0bc;background:#7e3425;border:3px double #e0b477;border-radius:4px;padding:3px 9px;transform:rotate(4deg);font:bold 16px Georgia,serif}
.tones{display:grid;align-content:center;gap:12px;background:repeating-linear-gradient(1deg,transparent 0 8px,#eed3a514 9px,transparent 11px 21px),linear-gradient(145deg,#72482c,#9f704a 45%,#7b5138)}.phrase{height:20px;display:flex;align-items:center;justify-content:center;gap:5px}.phrase i{width:10px;height:10px;border-radius:100%;border:1px solid #edcc94;background:#573d2c}.phrase i.filled{background:#ffe9a6}.cups{display:flex;gap:3px;justify-content:center;padding:0 10px}.cup{position:relative;width:31%;border:0;padding:0;background:none;touch-action:manipulation;color:#fff2cc;isolation:isolate}.cup img{display:block;width:100%;height:auto;position:relative;filter:drop-shadow(0 5px 2px #362b214d);transition:transform .12s}.cup:before{content:'';position:absolute;inset:5% -2% 10%;opacity:0;border-radius:50%;background:radial-gradient(ellipse,#fff3a9b3,transparent 70%)}.cup.lit:before{opacity:1;box-shadow:0 0 10px #ffd37e}.cup.lit img{transform:translateY(-6%) rotate(-3deg)}.cup .char{position:absolute;top:43%;left:41%;width:19%;aspect-ratio:1;transform:rotate(-3deg);background:#244a3c;-webkit-mask:url('/luobo/match/brand-letters.webp') var(--letter) center/300% 100% no-repeat;mask:url('/luobo/match/brand-letters.webp') var(--letter) center/300% 100% no-repeat;pointer-events:none}.cup.lit .char{transform:translateY(-28%) rotate(-6deg)}.cup b{display:inline-block;min-width:50%;background:#4b3828;border:1px solid #c8a76f80;border-radius:20px;color:#ffe3b3;padding:1px 5px;font-size:11px}.cup.lit b{color:#44341c;background:#ffe292}.cup:disabled{cursor:default}
.strip{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:11px 13px;background:#fff7de}.strip>div{display:grid;gap:1px}.strip b{font-size:15px}.strip small{font-size:11px;color:#73634e}.strip button{justify-self:end;border:1px solid #a77d40;border-radius:24px;background:linear-gradient(#ffdea0,#e6ad58);color:#4f331c;padding:8px 18px;font-weight:800;white-space:nowrap}.strip button:disabled{background:#eee0bb;color:#827359;opacity:.8}.strip .secondary{grid-column:2;background:transparent;border-color:#c1b08a;padding:1px 9px;font-size:10px}.leaf{position:relative;border:1px solid #bda573;border-radius:4px;padding:19px 16px;background:repeating-linear-gradient(108deg,transparent 0 11px,#b59b6e0b 12px),#f9edcd;box-shadow:inset 0 0 0 4px #fcf1d6,inset 0 0 0 5px #ccba95}.leaf h2{margin:7px 0;font:750 29px Georgia,"Songti SC",serif}.leaf p,.note{color:#675e4a;font-size:13px}.award{display:flex;gap:8px;align-items:center;border-top:1px dashed #b4a27c;padding-top:9px;font-size:12px;color:#76583b}.award img{width:19px;height:22px;object-fit:contain}.scores{margin-top:17px}.scores>div:not(.eyebrow){display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d2c5a5;padding:7px 0;font-size:12px}.scores b{color:#8e4c33}.note{font-size:11px}footer{border-top:1px solid #d7caab;padding-block:12px 20px;color:#706951;font-size:11px}
@media(max-width:730px){header>div{padding:5px 12px}.brand{gap:7px;font-size:13px}.brand img{width:24px;height:30px}nav{font-size:11px;gap:10px}main{max-width:540px;padding:10px 9px 18px}.mast h1{font-size:32px}.mast p{font-size:12px;margin:2px 0 8px}.spread{display:flex;flex-direction:column;gap:14px}.cabinet,aside{width:100%}.switch{gap:5px;margin-bottom:8px}.switch button{min-height:44px;padding:5px 8px;gap:6px}.switch b{font-size:16px}.switch small{font-size:9px}.switch em{font-size:9px}.shop-frieze{height:69px}.inscription{top:9px;left:13px}.inscription strong{font-size:28px}.counter{height:clamp(185px,50vw,235px)}.strip{padding:7px 9px}.strip b{font-size:13px}.strip small{font-size:10px}.strip button{font-size:12px;padding:7px 12px}.cap{padding:5px 9px}.leaf{padding:11px 13px}.leaf h2{font-size:21px;margin:2px 0}.leaf p{margin:4px 0 8px}.scores{margin-top:10px}.tones{gap:8px}footer{padding:9px 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}