:root{--bg:#faf9f6;--surface:#fff;--ink:#292d2a;--muted:#8c8f88;--line:#e8e8e0;--accent:#c87571;--soft:#f3e6e1;--green:#798772;--shadow:0 14px 45px #34382d10}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.header{height:96px;max-width:1480px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:24px;letter-spacing:2px}.brand-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:white;width:43px;height:43px;border-radius:14px;font-size:38px;line-height:1;font-weight:400}.brand-en{display:block;font-size:8px;font-weight:600;letter-spacing:2px;margin-top:2px;color:var(--muted)}nav{display:flex;gap:35px;align-items:center;height:100%}.nav{position:relative;background:none;border:0;height:100%;font-size:14px;color:var(--muted);padding:0 2px}.nav.active{color:var(--ink);font-weight:650}.nav.active:after{content:"";position:absolute;width:16px;height:3px;border-radius:5px;background:var(--accent);bottom:22px;left:calc(50% - 8px)}#favoriteCount{font-size:10px;margin-left:3px;color:var(--accent)}.header-right{display:flex;gap:24px;align-items:center}.daily{font-size:12px;color:var(--muted)}.icon-button{background:transparent;border:1px solid var(--line);border-radius:50%;width:36px;height:36px;font-size:20px;display:grid;place-items:center}main{max-width:1320px;margin:auto;padding:0 40px}.hero{min-height:515px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:54px 25px 62px;gap:24px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--green);font-weight:650;display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--green)}h1{font-size:clamp(40px,4.3vw,61px);line-height:1.38;letter-spacing:2px;margin:21px 0 18px;font-weight:750}.highlight{position:relative;color:var(--accent)}.highlight svg{position:absolute;bottom:-8px;width:100%;height:16px;left:0;fill:none;stroke:#dba6a0;stroke-width:3;stroke-linecap:round}.hero p{font-size:13px;line-height:2.1;color:var(--muted);letter-spacing:.5px}.explore{display:inline-flex;align-items:center;gap:27px;background:var(--ink);color:var(--bg);padding:13px 21px;border:0;border-radius:7px;font-size:12px;margin-top:17px}.explore:hover{background:var(--accent);color:white}.explore span{font-size:20px}.hero-meta{display:flex;gap:12px;align-items:center;margin-top:26px;font-size:10px;color:var(--muted)}.mini-stars{color:var(--accent);letter-spacing:3px;font-size:17px}.hero-art{position:relative;height:380px}.orbit{position:absolute;inset:5px 12px 3px 30px;border:1px dashed #d4d8cb;border-radius:50%;transform:rotate(-20deg);background:radial-gradient(ellipse,#e8eadd70,transparent 70%)}.art-card{position:absolute;background:var(--surface);padding:9px 9px 0;box-shadow:0 12px 35px #4c403a18;border:1px solid var(--line);border-radius:5px}.art-card img{width:100%;display:block;object-fit:cover;border-radius:2px}.art-card span{height:33px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted);padding:0 5px}.art-card i{font-size:17px;font-style:normal;color:var(--accent)}.art-one{width:290px;top:24px;left:18px;transform:rotate(-8deg)}.art-one img{height:235px;object-position:54%}.art-two{width:191px;right:0;top:139px;transform:rotate(10deg);z-index:2}.art-two img{height:174px;object-fit:cover;object-position:50%}.float-star{position:absolute;right:33px;top:3px;color:var(--green);font-size:64px;font-weight:200;transform:rotate(10deg)}.art-sticker{position:absolute;top:270px;left:22px;background:#e9ebd8;transform:rotate(-9deg);padding:14px 15px;font-size:11px;letter-spacing:1px;border-radius:50% 50% 44% 44%;width:117px;height:91px;z-index:3}.art-sticker b{font-size:11px}.art-sticker span{position:absolute;right:5px;bottom:9px;font-size:25px;color:var(--green)}.art-caption{position:absolute;bottom:-12px;right:55px;color:var(--muted);font-size:10px;font-family:Georgia,serif;font-style:italic;letter-spacing:1px}.gallery-section{padding:34px 0 0;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.small{font-size:9px;letter-spacing:1.8px;color:var(--muted)}h2{font-size:27px;letter-spacing:1px;margin:8px 0 0}.title-dot{color:var(--accent);margin-left:6px}.search{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);padding:11px 14px;border-radius:8px;width:265px}.search svg{width:17px;height:17px;fill:none;stroke:var(--muted);stroke-width:1.5;flex-shrink:0}.search input{width:100%;border:0;background:none;outline:none;font-size:12px;color:var(--ink);min-width:0}.search input::placeholder{color:var(--muted)}kbd{font-family:inherit;border:1px solid var(--line);padding:0 5px;border-radius:3px;font-size:11px;color:var(--muted)}.toolbar{margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:15px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid transparent;background:none;font-size:12px;color:var(--muted);border-radius:7px;padding:9px 16px;white-space:nowrap}.filter.active{background:var(--ink);color:var(--bg)}.filter:hover:not(.active){background:var(--soft);color:var(--ink)}.filter small{font-size:9px;margin-left:7px;opacity:.6}.shuffle{font-size:11px;background:none;border:1px solid var(--line);border-radius:6px;padding:9px 12px;white-space:nowrap}.shuffle span{font-size:17px;margin-right:5px}.result-line{display:flex;justify-content:space-between;margin:23px 0 17px;font-size:10px;color:var(--muted)}.grid{columns:4;column-gap:21px}.card{break-inside:avoid;display:inline-block;width:100%;margin-bottom:22px;background:var(--surface);border:1px solid var(--line);border-radius:11px;overflow:hidden;transition:transform .25s,box-shadow .25s;position:relative}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.image-button{padding:0;border:0;background:#eee;display:block;width:100%;position:relative;overflow:hidden}.image-button img{width:100%;display:block;object-fit:cover;transition:transform .55s;max-height:445px}.card:hover .image-button img{transform:scale(1.035)}.card-03 .image-button img{max-height:420px;object-fit:contain;background:white}.card-08 .image-button img{aspect-ratio:1.1;object-fit:cover;object-position:center}.card-01 .image-button img,.card-02 .image-button img{aspect-ratio:1.17}.card-09 .image-button img{aspect-ratio:1.1;object-position:54%}.image-badge{position:absolute;left:11px;top:11px;background:#ffffffdb;backdrop-filter:blur(8px);font-size:9px;letter-spacing:.5px;color:#50534b;padding:5px 8px;border-radius:4px;pointer-events:none}.image-zoom{position:absolute;bottom:12px;left:12px;background:#ffffffdb;color:#34382e;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;opacity:0;transition:opacity .2s}.card:hover .image-zoom{opacity:1}.favorite{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;border:1px solid #ffffff80;background:#ffffffdd;color:#5f625e;backdrop-filter:blur(8px);font-size:20px;line-height:1}.favorite.selected{color:#c56b70}.card-info{padding:14px 14px 13px}.card-info h3{font-size:12px;font-weight:600;margin:0 0 8px}.card-meta{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted);gap:6px}.card-category{color:var(--green)}.card-meta .tags{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.end-note{display:flex;align-items:center;justify-content:center;gap:15px;color:var(--muted);font-size:11px;margin:40px 0 65px;letter-spacing:1px}.end-note>span{width:44px;height:1px;background:var(--line)}footer{max-width:1320px;margin:auto;padding:30px 40px 35px;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px}footer .brand{font-size:18px}footer .brand-icon{width:27px;height:27px;font-size:26px;border-radius:8px}footer p{font-size:10px;color:var(--muted)}footer>span{margin-left:auto;color:var(--muted);font-size:8px;letter-spacing:1px}.to-top{border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;width:30px;height:30px;color:var(--muted)}.hidden{display:none!important}.collections{padding:35px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.collection{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:0;text-align:left;overflow:hidden}.collection img{width:100%;height:175px;object-fit:cover}.collection h3{margin:16px 20px 8px}.collection p{margin:0 20px 20px;font-size:12px;color:var(--muted)}.empty{text-align:center;padding:65px 20px}.empty>span{font-size:45px;color:var(--accent)}.empty h3{font-size:18px}.empty p{font-size:13px;color:var(--muted)}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:0;width:min(1100px,94vw);max-height:95dvh;box-shadow:0 20px 80px #0004}dialog::backdrop{background:#141814d9;backdrop-filter:blur(10px)}.lightbox-top{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:var(--muted);font-size:12px}.lightbox-stage{height:calc(85dvh - 135px);position:relative;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:0 52px}.lightbox-stage img{max-width:100%;max-height:100%;object-fit:contain}.lightbox-arrow{position:absolute;z-index:1;top:calc(50% - 22px);width:36px;height:44px;border:1px solid var(--line);background:var(--surface);border-radius:8px;font-size:28px}#prev{left:10px}#next{right:10px}.lightbox-bottom{padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.lightbox-bottom h3{font-size:15px;margin:0 0 6px}.lightbox-bottom p{color:var(--muted);font-size:11px;margin:0}.lightbox-actions{display:flex;gap:10px}.action-button{border:1px solid var(--line);border-radius:7px;background:var(--bg);padding:9px 13px;font-size:12px;white-space:nowrap}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:var(--bg);padding:12px 22px;border-radius:8px;font-size:12px;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}body.dark{--bg:#202420;--surface:#2a2f2a;--ink:#efeee8;--muted:#a4aa9e;--line:#3c443b;--soft:#493b37;--accent:#dda19a;--green:#adbd9d;--shadow:0 14px 45px #0003}.dark .orbit{border-color:#4c5a46;background:radial-gradient(ellipse,#47553b55,transparent 70%)}.dark .art-sticker{background:#414c35;color:#eee}.dark .hero-art{filter:brightness(.9)}@media(min-width:1450px){.hero{padding-left:45px;padding-right:45px}.hero-art{margin-left:25px}}@media(max-width:1050px){.daily{display:none}.hero{padding-left:0;padding-right:0}.art-one{width:255px;left:0}.art-two{width:160px;right:-5px}.art-two img{height:150px}.grid{columns:3}.art-sticker{left:0}}@media(max-width:760px){.header{height:80px;padding:0 22px;gap:12px}.brand{font-size:21px;gap:8px}.brand-icon{width:34px;height:34px;font-size:31px}.brand-en{font-size:6px;letter-spacing:1px}nav{gap:16px}.nav{font-size:12px}.nav.active:after{bottom:16px}.header-right{gap:0}.daily{display:none}main{padding:0 22px}.hero{min-height:410px;grid-template-columns:1.05fr 1fr;gap:0;padding-top:30px;padding-bottom:40px}h1{font-size:37px;letter-spacing:0}.eyebrow{font-size:7px;letter-spacing:1.4px}.hero p{font-size:11px}.hero-art{height:300px}.art-one{width:185px;top:35px;left:12px}.art-one img{height:175px}.art-two{width:130px;top:156px;right:-5px}.art-two img{height:110px}.art-sticker{width:92px;height:77px;top:223px;left:2px;padding:14px 9px;font-size:8px}.art-sticker b{font-size:8px}.art-sticker span{font-size:19px}.float-star{right:0;top:5px;font-size:45px}.art-caption{display:none}.orbit{inset:20px 0 0}.hero-meta{font-size:8px;gap:7px;margin-top:20px}.mini-stars{font-size:13px}.grid{columns:2;column-gap:15px}.card{margin-bottom:15px}.section-heading h2{font-size:24px}.search{width:210px}.filter{padding:8px 11px;font-size:11px}.filter small{margin-left:4px}.toolbar{gap:10px}.result-line>span:last-child{display:none}footer{padding:25px 22px;flex-wrap:wrap;gap:12px}footer>span{width:100%;margin:0;padding-left:39px}.to-top{position:absolute;right:22px}.collections{gap:12px}.collection img{height:130px}.collection h3{font-size:15px;margin:12px}.collection p{font-size:10px;margin:0 12px 15px}}@media(max-width:480px){.header{padding:0 16px;flex-wrap:wrap;height:116px;gap:0}.header>.brand{height:65px}.header nav{order:3;width:100%;height:42px;justify-content:center;gap:42px;border-top:1px solid var(--line)}.nav.active:after{bottom:0}.header-right{margin-left:auto}main{padding:0 16px}.hero{padding:32px 0 37px;min-height:550px;display:block;position:relative}.hero-copy{position:relative;z-index:2}.hero h1{font-size:42px;margin-top:18px}.hero p{font-size:11px;width:230px}.hero-art{position:absolute;right:0;top:60px;width:48%;height:390px;z-index:1;opacity:.95}.art-one{width:145px;top:12px;left:0;transform:rotate(8deg)}.art-one img{height:162px}.art-one span{font-size:7px;padding:0;height:25px}.art-two{width:134px;top:245px;right:7px;transform:rotate(-7deg)}.art-two img{height:115px}.art-sticker{top:207px;left:5px;width:83px;height:64px;font-size:7px;padding:11px 9px}.art-sticker b{font-size:7px}.float-star{top:-35px;right:2px;font-size:35px}.orbit{inset:0 -4px -18px 0}.hero p,.hero .explore,.hero-meta{position:relative;z-index:3}.hero-meta{margin-top:29px;font-size:8px;max-width:170px;line-height:1.7}.section-heading{align-items:flex-start;gap:14px;flex-direction:column}.search{width:100%;margin-top:9px}.toolbar{align-items:flex-start;flex-wrap:wrap;margin-top:20px}.filters{gap:4px}.filter{padding:8px 10px}.shuffle{margin-left:auto;padding:6px 9px;font-size:10px}.result-line{margin-top:15px}.grid{column-gap:12px}.card-info{padding:12px 10px}.card-info h3{font-size:11px}.card-meta{font-size:8px;flex-wrap:wrap;gap:4px}.image-button img{max-height:300px}.card-03 .image-button img{max-height:330px}.end-note{font-size:9px;gap:8px;margin:25px 0 40px}.collections{grid-template-columns:1fr}.collection{display:grid;grid-template-columns:110px 1fr;grid-template-rows:50px 50px}.collection img{grid-row:1/3;height:100px}.collection h3{align-self:end}.collection p{grid-column:2}.lightbox-bottom{align-items:flex-start;flex-direction:column;padding:14px}.lightbox-stage{height:calc(85dvh - 195px);padding:0 36px}.lightbox-arrow{width:28px}#prev{left:4px}#next{right:4px}.lightbox-actions{width:100%}.action-button{flex:1;text-align:center}.lightbox-bottom h3{font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.hero-art{overflow:clip;overflow-clip-margin:28px}@media(max-width:480px){.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:32px 0 35px}.hero-art{position:relative;top:auto;right:auto;width:100%;height:270px;margin-top:30px;opacity:1;overflow:clip;overflow-clip-margin:0}.art-one{width:205px;top:16px;left:29px;transform:rotate(-7deg)}.art-one img{height:172px}.art-two{width:146px;top:95px;right:12px;transform:rotate(8deg)}.art-two img{height:122px}.art-sticker{top:188px;left:8px}.orbit{inset:0 22px 3px;transform:rotate(-10deg)}.float-star{top:0;right:20px}.hero-meta{max-width:none}.hero p{width:auto}}