@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600&family=Noto+Serif+SC:wght@500;600;700&display=swap";:root{color:#17231d;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f7f4;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{color:#183c28;background:#d9e7dc}:root{--green:#185b36;--ink:#17231d;--muted:#6c756f;--line:#dce1dc;--paper:#f6f7f4;--white:#fff;--serif:"Noto Serif SC","SimSun",serif}.app-shell{background:var(--paper);min-height:100vh;overflow:hidden}header{border-bottom:1px solid var(--line);z-index:20;background:#fffffff0;align-items:center;height:78px;padding:0 4vw;display:flex;position:relative}.brand{white-space:nowrap;align-items:center;gap:10px;display:flex}.brand span{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.brand b{font:700 24px var(--serif)}.brand em{color:#86908a;border-left:1px solid var(--line);margin-left:8px;padding-left:18px;font-size:13px;font-style:normal}nav{gap:44px;margin:auto;font-size:14px;display:flex}nav a{position:relative}nav a:first-child:after{content:"";background:var(--green);height:2px;position:absolute;bottom:-14px;left:20%;right:20%}.header-action,.primary{color:#fff;background:var(--green);border:0;justify-content:center;align-items:center;gap:9px;display:flex}.header-action{border-radius:4px;padding:10px 16px}.hero-section{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:23% 52% 25%;min-height:720px;display:grid;position:relative}.hero-copy{z-index:3;padding:68px 2.7vw 48px 4vw;position:relative}.eyebrow{color:#6e7c73;letter-spacing:0;text-transform:uppercase;font-size:12px}.hero-copy h1{font:600 58px/1.1 var(--serif);margin:18px 0 20px}.lede{color:#657069;max-width:290px;font-size:15px;line-height:1.9}.primary{border-radius:4px;min-height:48px;margin-top:30px;padding:0 23px}.hero-note{color:#8c958f;gap:10px;font-size:12px;display:flex;position:absolute;bottom:38px;left:4vw}.taste-map{isolation:isolate;min-height:640px;position:relative;overflow:hidden}.taste-map>img{object-fit:cover;opacity:.28;filter:saturate(.75);z-index:-3;width:100%;height:100%;position:absolute;inset:0}.map-wash{z-index:-2;background:radial-gradient(circle at 51% 44%,#498f5b24,#0000 29%),radial-gradient(circle at 80% 58%,#dc6a3926,#0000 34%),linear-gradient(90deg,#ffffffbf,#ffffff6b);position:absolute;inset:0}.rings{aspect-ratio:1;border:1px solid #435a4c38;border-radius:50%;width:480px;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.rings:before,.rings:after{content:"";background:#435a4c2e;position:absolute}.rings:before{width:1px;height:118%;top:-9%;left:50%}.rings:after{width:118%;height:1px;top:50%;left:-9%}.rings i{border:1px dashed #435a4c2b;border-radius:50%;position:absolute;inset:12%}.rings i:nth-child(2){inset:25%}.rings i:nth-child(3){inset:38%}.rings i:nth-child(4){background:#fff;border:0;inset:49%}.axis{z-index:2;font:600 19px var(--serif);color:var(--green);position:absolute}.axis-top{top:8%;left:50%;transform:translate(-50%)}.axis-bottom{color:#96362e;bottom:6%;left:50%;transform:translate(-50%)}.axis-left{color:#c18c16;top:45%;left:5%}.axis-right{color:#bc4a29;top:45%;right:4%}.tea-dot{z-index:5;color:#26312a;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.tea-dot i{background:var(--dot);width:13px;height:13px;box-shadow:0 0 0 1px var(--dot),0 3px 9px #0003;border:3px solid #fff;border-radius:50%;flex:none}.tea-dot span{background:#ffffffdb;border-radius:3px;padding:3px 6px;font-size:12px}.tea-dot:hover,.tea-dot.active{z-index:9}.tea-dot.active i{width:19px;height:19px}.tea-dot.active span{background:var(--dot);color:#fff;font-weight:600}.tea-detail{border-left:1px solid var(--line);z-index:3;background:#fbfcfaf5;padding:56px 3vw 40px}.detail-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.detail-head small{color:var(--green)}.detail-head h2{font:600 34px var(--serif);margin:7px 0 0}.score{text-align:center;width:64px;height:64px;font:600 19px var(--serif);color:var(--green);border:2px solid #6fab79;border-radius:50%;place-content:center;display:grid}.score small{color:#738078;margin-top:2px;font:400 8px sans-serif;display:block}.origin{color:#7b847e;align-items:center;gap:6px;margin:18px 0 0;font-size:12px;display:flex}.note{font:500 17px var(--serif);margin:20px 0 9px}.description{color:#6e7771;font-size:12px;line-height:1.8}.flavor-bars{gap:10px;margin:24px 0;display:grid}.bar-row{color:#6d766f;grid-template-columns:32px 1fr 25px;align-items:center;gap:9px;font-size:10px;display:grid}.bar-row b{text-align:right;font-weight:500}.bar-track{background:#e3e6e3;height:3px}.bar-track i{height:100%;display:block}.brew{border-top:1px solid var(--line);color:#69736c;flex-wrap:wrap;gap:16px;padding-top:20px;font-size:11px;display:flex}.brew span{align-items:center;gap:5px;display:flex}.flavor-legend{border-bottom:1px solid var(--line);background:#fff;align-items:center;min-height:92px;padding:20px 4vw;display:flex}.flavor-legend>p{font:600 15px var(--serif);width:20%}.flavor-legend>div{flex:1;grid-template-columns:repeat(7,1fr);display:grid}.flavor-legend button{border:0;border-left:1px solid var(--line);color:#535f57;background:0 0;padding:12px}.flavor-legend i{border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.collection{background:#f8f9f7;padding:92px 7vw 110px}.section-title{justify-content:space-between;align-items:end;gap:40px;display:flex}.section-title h2,.quiz-intro h2,.method h2{font:600 42px var(--serif);margin:12px 0 0}.section-title>p{color:#747d77;width:410px;font-size:13px;line-height:1.8}.filters{border-bottom:1px solid #cfd5d0;justify-content:space-between;align-items:center;margin:48px 0 20px;display:flex}.tabs{gap:27px;display:flex;overflow:auto}.tabs button{color:#79817c;white-space:nowrap;background:0 0;border:0;padding:0 0 14px}.tabs button.active{color:var(--green);border-bottom:2px solid var(--green);font-weight:600}.search{align-items:center;gap:8px;padding:0 0 12px;display:flex}.search input{background:0 0;border:0;outline:0;width:145px}.tea-list{border-top:1px solid #cfd5d0}.tea-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #dfe3df;grid-template-columns:55px 1.4fr 1fr 150px 25px;align-items:center;gap:25px;width:100%;min-height:110px;transition:all .2s;display:grid}.tea-row:hover{background:#fff;padding:0 18px}.row-index{color:#9ba29d;font:500 11px var(--serif)}.tea-row small{color:#818a84;font-size:10px}.tea-row h3{font:600 22px var(--serif);margin:5px 0}.tea-row>p{color:#68736b;font-size:13px}.mini-profile{align-items:end;gap:5px;height:38px;display:flex}.mini-profile i{border-radius:1px;width:8px;min-height:4px}.quiz-section{color:#fff;background:#174d30;grid-template-columns:36% 64%;min-height:620px;display:grid}.quiz-intro{padding:88px 5vw 70px 7vw}.quiz-intro .eyebrow{color:#aec4b5}.quiz-intro p:not(.eyebrow){color:#c4d3c9;max-width:340px;line-height:1.8}.primary.light{color:var(--green);background:#fff}.quiz-panel{color:var(--ink);background:#fff;flex-direction:column;justify-content:center;min-height:520px;margin:48px 5vw 48px 0;padding:44px 5vw;display:flex;position:relative}.quiz-cover{text-align:center}.quiz-cover>span,.result-title>span{width:64px;height:64px;color:var(--green);background:#edf4ef;border-radius:50%;place-items:center;margin:auto;display:grid}.quiz-cover h3{font:600 28px var(--serif);margin:25px 0 10px}.quiz-cover p{color:#7a847e;font-size:13px}.quiz-cover button,.next{background:var(--green);color:#fff;border:0;border-radius:4px;margin-top:28px;padding:13px 24px}.progress{color:#748077;align-items:center;gap:18px;font-size:11px;display:flex;position:absolute;top:34px;left:5vw;right:5vw}.progress i{background:#e3e8e4;flex:1;height:2px}.progress b{background:var(--green);height:100%;transition:all .3s;display:block}.question h3{font:600 28px var(--serif);margin:0 0 9px}.question>p{color:#7a847e;margin-bottom:32px;font-size:13px}.option-grid,.scene-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.option-grid button,.scene-grid button{color:#546058;background:#fff;border:1px solid #dfe5e0;justify-content:center;align-items:center;gap:9px;height:58px;display:flex}.option-grid button.selected,.scene-grid button.selected{border-color:var(--green);color:var(--green);background:#eff6f1;font-weight:600}.option-grid i{border-radius:50%;width:9px;height:9px}.range{width:100%;accent-color:var(--green);margin:32px 0 14px}.range-label{color:#8a928d;justify-content:space-between;font-size:12px;display:flex}.range-label b{color:var(--green);font:500 16px var(--serif)}.quiz-actions{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:32px;left:5vw;right:5vw}.text-button{color:#667169;background:0 0;border:0}.text-button:disabled{opacity:.3}.next{align-items:center;gap:8px;margin:0;display:flex}.result-title{align-items:center;gap:18px;display:flex}.result-title>span{width:52px;height:52px;margin:0}.result-title small{color:#7e8881}.result-title h3{font:600 22px var(--serif);margin:5px 0}.recommendations{border-top:1px solid var(--line);margin-top:26px}.recommendations button{text-align:left;border:0;border-bottom:1px solid var(--line);background:#fff;grid-template-columns:35px 1fr 22px;align-items:center;gap:14px;width:100%;padding:17px 4px;display:grid}.recommendations button>b{color:#a0a7a2;font:500 11px var(--serif)}.recommendations h4{font:600 18px var(--serif);margin:3px 0}.recommendations p,.recommendations small{color:#7b857e;margin:0;font-size:10px}.reset{color:var(--green);background:0 0;border:0;align-items:center;gap:7px;margin:20px auto 0;display:flex}.method{background:#edf0eb;grid-template-columns:35% 65%;padding:90px 7vw;display:grid}.method ol{grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.method li{border-left:1px solid #cbd2cc;padding:0 30px}.method li>span{color:#8c968f;font:500 11px var(--serif)}.method h3{font:600 20px var(--serif);margin:24px 0 8px}.method li p{color:#717b74;font-size:12px;line-height:1.8}footer{border-top:1px solid var(--line);background:#fff;align-items:center;gap:50px;min-height:130px;padding:36px 4vw;display:flex}footer .brand b{font-size:20px}footer p{color:#879089;margin:auto;font-size:11px}footer>a{color:var(--green);font-size:12px}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #2c7449}@media (width<=1050px){header{padding:0 24px}.brand em{display:none}nav{gap:22px}.hero-section{grid-template-columns:28% 72%}.tea-detail{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:1fr 1fr;gap:0 35px;display:grid}.detail-head,.origin,.note,.description{grid-column:1}.flavor-bars,.brew{grid-column:2}.flavor-bars{grid-row:1/5}.collection{padding-inline:35px}.quiz-section{grid-template-columns:1fr}.quiz-intro{padding:65px 8vw}.quiz-panel{margin:0 6vw 60px}.method{grid-template-columns:1fr;gap:45px}}@media (width<=720px){header{height:66px;padding:0 18px}.brand b{font-size:20px}.brand span{width:31px;height:31px}nav{display:none}.header-action{flex:none;width:38px;height:38px;margin-left:auto;padding:0}.header-action span{display:none}.hero-section{min-height:0;display:block}.hero-copy{max-width:100vw;padding:48px 22px 25px}.hero-copy h1{font-size:45px}.lede{overflow-wrap:anywhere;max-width:none}.hero-note{display:none}.taste-map{width:100vw;min-height:470px}.rings{width:min(330px,86vw)}.tea-dot span{display:none}.tea-dot.active span{display:block}.axis{font-size:15px}.axis-left{left:2%}.axis-right{right:2%}.tea-detail{padding:36px 24px;display:block}.flavor-legend{padding:24px 18px;display:block}.flavor-legend>p{width:auto}.flavor-legend>div{grid-template-columns:repeat(4,1fr);margin-top:12px}.flavor-legend button{padding:10px 4px;font-size:11px}.collection{padding:70px 18px}.section-title{display:block}.section-title h2,.quiz-intro h2,.method h2{font-size:34px}.section-title>p{width:auto;margin-top:20px}.filters{display:block}.tabs{gap:20px}.search{margin-top:18px}.search input{width:100%}.tea-row{grid-template-columns:32px 1fr 65px 20px;gap:10px;min-height:90px}.tea-row>p{display:none}.mini-profile{width:60px}.tea-row h3{font-size:18px}.quiz-intro{padding:65px 24px}.quiz-panel{min-height:540px;margin:0;padding:55px 24px}.progress{left:24px;right:24px}.option-grid,.scene-grid{grid-template-columns:repeat(2,1fr)}.option-grid button,.scene-grid button{font-size:12px}.quiz-actions{left:24px;right:24px}.method{padding:70px 22px}.method ol{grid-template-columns:1fr}.method li{border-top:1px solid #cbd2cc;border-left:0;grid-template-columns:40px 1fr;padding:22px 0;display:grid}.method h3{margin:0 0 5px}footer{padding:32px 22px;display:block}footer p{margin:25px 0}.brew{gap:11px}.detail-head h2{font-size:30px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}