*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#faf9f5;color:#203b32;font:15px/1.65 "Microsoft YaHei",system-ui,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}header{position:sticky;top:0;z-index:20;background:#fffefbee;backdrop-filter:blur(14px);border-bottom:1px solid #e5e8df}.header-inner{max-width:1280px;margin:auto;min-height:90px;display:flex;align-items:center;gap:38px;padding:16px 28px}.brand{display:flex;gap:10px;align-items:center;white-space:nowrap}.brand img{width:44px}.brand strong{font-size:21px;letter-spacing:-.6px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:2px;color:#748078}form{display:flex;align-items:center;background:#f2f3ed;border:1px solid #e2e6dc;border-radius:30px;padding:4px 5px 4px 17px;gap:10px;width:355px}form span{font-size:24px}input{border:0;outline:0;background:none;min-width:0;width:100%;font-size:13px}form button{border:0;background:#175a46;color:white;border-radius:24px;padding:7px 20px;white-space:nowrap;font-size:13px}nav{display:flex;align-items:center;gap:25px;margin-left:auto;font-size:13px;white-space:nowrap}.saved-toggle{padding:9px 14px;background:none;border:1px solid #d9dfd6;border-radius:8px}.saved-toggle span{margin-left:7px;color:#bd6a2b}main{max-width:1280px;margin:auto;padding:26px 28px}.section-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#7c877b;margin:0 0 15px}.section-label span:last-child{letter-spacing:1px}.feature{background:#e9eee2;border-radius:20px;display:grid;grid-template-columns:1.2fr 1fr;min-height:492px;overflow:hidden}.feature-copy{padding:45px 54px}.eyebrow{font-size:10px;letter-spacing:2px;color:#6c7c68;font-weight:600}h1{font-size:48px;line-height:1.23;letter-spacing:-2px;margin:17px 0 20px;font-weight:800}h1 span{color:#d47f3c}.feature-tag{font-size:12px;color:#57715a;margin:0 0 7px}#feature-title{font-size:20px;line-height:1.5;margin:0 0 10px;max-width:480px}#feature-intro{color:#687569;font-size:13px;max-width:450px;margin:0 0 24px;line-height:1.9}.primary{background:#175a46;color:#fff;padding:12px 22px;border:0;border-radius:7px;font-size:13px}.primary span{margin-left:35px}.feature-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:460px;background:linear-gradient(145deg,#e9eee2,#d8e0ca)}.orbit{position:absolute;width:350px;height:350px;border-radius:50%;background:#c6d4b2}.orbit:after{content:'';position:absolute;inset:-26px;border:1px solid #c4cdb9;border-radius:50%}#feature-image{width:228px;height:330px;object-fit:cover;transform:rotate(6deg);border:7px solid #fffdf5;box-shadow:14px 22px 32px #31482f25;z-index:2}.art-note{position:absolute;right:20px;top:50px;writing-mode:vertical-rl;letter-spacing:4px;font-size:10px;color:#6a7c60}.feature-controls{position:absolute;bottom:20px;right:28px;display:flex;align-items:center;gap:17px;font-size:12px}.feature-controls button{width:35px;height:35px;border-radius:50%;border:1px solid #bcc8af;background:#f9faf2;font-size:19px}.quick{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0 48px;border-bottom:1px solid #dfe4d8;padding-bottom:23px}.quick>a,.quick>button{padding:0 26px;border:0;border-right:1px solid #dfe4d8;text-align:left;background:none}.quick>:first-child{padding-left:0}.quick>:last-child{border:0}.quick span{font-size:9px;letter-spacing:2px;color:#8b977d}.quick strong{display:block;font-size:17px;margin:6px 0}.quick p{margin:0;font-size:12px;color:#798273}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-head h2{font-size:27px;margin:3px 0;font-weight:750;letter-spacing:-1px}.section-head>p,.section-head>span{color:#83907f;font-size:12px}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:23px}.filters button{border:1px solid #dce2d7;background:#fffefb;border-radius:6px;padding:7px 19px;font-size:12px}.filters button.active{background:#175a46;color:white;border-color:#175a46}.cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:27px 19px}.card{padding:0;background:none;border:0;text-align:left;min-width:0}.poster{position:relative;border-radius:9px;overflow:hidden;aspect-ratio:2/2.85;background:#e7e9df}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card:hover img{transform:scale(1.045)}.poster span{position:absolute;bottom:9px;left:9px;background:#132a26b0;color:white;border-radius:4px;padding:2px 7px;font-size:10px}.poster b{position:absolute;right:7px;top:8px;background:#fffc;padding:3px 7px;font-size:9px;border-radius:4px;opacity:0;transition:.2s}.card:hover b,.card:focus-visible b{opacity:1}.card h3{font-size:14px;line-height:1.55;margin:11px 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:43px}.card p{font-size:10px;line-height:1.5;margin:0;color:#7b8677;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#empty{text-align:center;padding:60px 10px}#empty button{border:0;background:#175a46;color:white;padding:9px 20px;border-radius:6px}#picks{margin-top:58px}.collections{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.collections button{text-align:left;padding:25px;border:1px solid #e1e5d8;border-radius:10px;background:#edf0e5}.collections button:nth-child(2){background:#f4e9d8;border-color:#eedfc9}.collections button:nth-child(3){background:#e6eeec;border-color:#d9e5e1}.collections span{font-size:10px;letter-spacing:2px;color:#6c7d67}.collections h3{font-size:20px;margin:18px 0 7px}.collections p{font-size:12px;color:#74806d;margin:0}.collections b{display:block;font-size:12px;margin-top:23px}.about{margin-top:55px;border-top:1px solid #dee3d6;padding:32px 0 15px;display:flex;align-items:center;gap:22px}.about>img{width:58px}.about h2{font-size:20px;margin:5px 0}.about p{font-size:12px;color:#7b8675;max-width:720px}.domain{margin-left:auto;font-size:15px;letter-spacing:1px;color:#8a957f}footer{max-width:1224px;margin:15px auto 0;border-top:1px solid #e1e5db;padding:26px 0 38px;display:flex;align-items:center;gap:20px;font-size:11px;color:#8a9384}footer strong{font-size:14px;color:#365142}footer span{margin-left:auto}dialog{border:0;border-radius:15px;width:min(760px,94vw);padding:35px;background:#fffdf7;color:#203b32}dialog::backdrop{background:#102b24b8;backdrop-filter:blur(4px)}.close{position:absolute;top:9px;right:13px;background:none;border:0;font-size:28px}.dialog-content{display:grid;grid-template-columns:190px 1fr;gap:28px;align-items:start}.dialog-content img{width:100%;border-radius:9px}.dialog-content h2{font-size:22px;line-height:1.5;margin:10px 0}.dialog-content p{font-size:13px;color:#6e7c6b}.dialog-content .save{border:1px solid #175a46;background:#175a46;color:white;padding:9px 17px;border-radius:6px}button:focus-visible,a:focus-visible{outline:3px solid #dc9c55;outline-offset:3px}[hidden]{display:none!important}@media(min-width:1450px){.feature-copy{padding:48px 60px}}@media(max-width:1050px){.header-inner{gap:20px}nav{gap:15px}nav>a:last-of-type{display:none}form{width:270px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-copy{padding:35px}.feature-art{min-height:440px}.orbit{width:260px;height:260px}.domain{display:none}footer{margin:15px 28px 0}h1{font-size:42px}}@media(max-width:700px){.header-inner{padding:13px 18px;flex-wrap:wrap;gap:12px;min-height:0}.brand strong{font-size:18px}.brand img{width:37px}.brand small{font-size:8px}nav{gap:10px;font-size:11px}nav>a{display:none}.saved-toggle{font-size:11px;padding:6px 9px}form{order:3;width:100%;padding-top:2px;padding-bottom:2px}main{padding:20px 18px}.section-label{font-size:8px;letter-spacing:1.2px}.section-label span:last-child{display:none}.feature{grid-template-columns:1fr;border-radius:13px}.feature-copy{padding:27px 25px 12px}h1{font-size:38px;margin:13px 0 18px}h1 br{display:none}#feature-title{font-size:19px}#feature-intro{font-size:12px;margin-bottom:16px}.feature-art{min-height:305px;margin-top:8px;background:none}#feature-image{width:157px;height:224px;transform:rotate(5deg)}.orbit{width:210px;height:210px}.orbit:after{inset:-15px}.art-note{top:25px;right:20px;font-size:8px}.feature-controls{bottom:12px;right:15px;gap:11px}.feature-controls button{width:29px;height:29px}.quick{margin:20px 0 32px;padding-bottom:16px;gap:13px;grid-template-columns:1fr 1fr}.quick>a,.quick>button{padding:0;border:0}.quick>:last-child{display:none}.quick span{font-size:8px;letter-spacing:.8px}.quick strong{font-size:14px}.quick p{font-size:10px}.section-head{align-items:start;gap:12px}.section-head h2{font-size:23px}.section-head>p,.section-head>span{font-size:10px;max-width:80px;text-align:right;margin-top:20px}.filters{gap:7px}.filters button{padding:6px 13px;font-size:11px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 10px}.card h3{font-size:11px;min-height:34px}.card p{font-size:9px}.poster{border-radius:6px}.poster span{font-size:8px;left:5px;bottom:5px;padding:1px 4px}.collections{grid-template-columns:1fr}.collections button{padding:22px}.collections h3{margin:10px 0 6px}.collections b{margin-top:15px}#picks{margin-top:36px}.about{margin-top:35px;align-items:start;gap:13px}.about>img{width:37px}.about h2{font-size:17px}.about p{font-size:11px}footer{margin:5px 18px 0;flex-wrap:wrap;gap:8px 15px;padding:20px 0}footer p{margin:0}footer span{width:100%;margin-left:0;font-size:9px}.dialog-content{grid-template-columns:100px 1fr;gap:16px}dialog{padding:35px 20px 23px}.dialog-content h2{font-size:17px}.dialog-content p{font-size:12px}}