:root{--green-950:#10241f;--green-900:#173b33;--green-800:#235247;--green-700:#2f6d5f;--green-100:#e7f0eb;--green-50:#f3f7f4;--ink:#1f2522;--muted:#6f7974;--line:#dfe6e1;--paper:#f4f6f3;--white:#fff;--shadow:0 22px 60px #173b3329}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);letter-spacing:0;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}body{background:var(--paper);min-width:1080px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.siteNav{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f6f3d1;border-bottom:1px solid #dfe6e1b8;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:76px;padding:0 34px;display:grid;position:fixed;top:0;left:0;right:0}.brandBtn{color:var(--green-950);background:0 0;border:0;align-items:center;gap:13px;width:max-content;font-size:22px;font-weight:950;display:flex}.brandIcon{color:#fff;background:radial-gradient(circle at 28% 24%,#7fc0a8 0 13%,#0000 14%),linear-gradient(145deg,#10241f,#2f6d5f);border-radius:13px;place-items:center;width:44px;height:44px;font-size:24px;display:grid;box-shadow:0 12px 28px #173b332e}.navLinks{background:#ffffffbd;border:1px solid #dfe6e1e0;border-radius:12px;justify-self:center;gap:8px;padding:6px;display:flex}.navLinks button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:10px 18px;font-weight:900}.navLinks button.active,.navLinks button:hover{background:var(--green-800);color:#fff}.userBadge{border:1px solid var(--line);color:var(--green-900);background:#ffffffdb;border-radius:10px;justify-self:end;align-items:center;gap:10px;padding:9px 14px 9px 9px;display:flex}.userBadge span{background:var(--green-100);border-radius:8px;place-items:center;width:30px;height:30px;font-weight:950;display:grid}.hero{align-items:center;min-height:100vh;padding:120px 8vw 80px;display:grid;position:relative;overflow:hidden}.heroMedia{filter:saturate(.82)contrast(.96);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.04)}.heroOverlay{background:linear-gradient(90deg,#10241fc7,#10241f57 48%,#f4f6f3d1),linear-gradient(#10241f40,#f4f6f3f2 92%);position:absolute;inset:0}.heroContent{color:#fff;width:min(880px,68vw);position:relative}.eyebrow,.sectionKicker{color:#9fcbbd;text-transform:uppercase;letter-spacing:.12em;margin:0 0 14px;font-size:13px;font-weight:950}.heroTitle{color:#fffffae6;letter-spacing:0;text-shadow:0 18px 46px #10241f6b,0 1px #ffffff14;gap:38px;margin:0;font-size:62px;font-weight:900;line-height:1.04;display:grid}.heroTitle>span:first-child{max-width:820px}.heroTitleFocus{color:#fffffafa;letter-spacing:0;text-shadow:0 22px 58px #081c1775,0 0 34px #e7f0eb47;width:max-content;font-size:1.42em;font-weight:980;line-height:.86;display:block;position:relative}.heroTitleFocus:before{content:"Architecture · Garden · Atmosphere";color:#e7f0ebb8;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;font-size:13px;font-weight:800;line-height:1;position:absolute;top:-22px;left:6px}.heroTitleFocus:after{content:"";background:linear-gradient(90deg,#e7f0eb5c,#9fcbbd3d 54%,#ffffff0d);border-radius:999px;height:18px;position:absolute;bottom:-16px;left:2px;right:-26px;box-shadow:0 18px 42px #10241f2e}.heroCopy{color:#ffffffdb;width:min(760px,100%);margin:26px 0 0;font-size:21px;font-weight:650;line-height:1.9}.heroActions{gap:14px;margin-top:38px;display:flex}.heroActions button,.profileHero button{color:var(--green-950);background:#fff;border:1px solid #ffffff42;border-radius:12px;padding:14px 22px;font-weight:950}.heroActions .ghost{color:#fff;background:#ffffff14}.library{padding:70px 34px 80px}.libraryHead{justify-content:space-between;align-items:end;gap:28px;margin-bottom:18px;display:flex}.library h2,.profileSection h2{color:var(--green-950);margin:0;font-size:36px}.searchPanel{grid-template-columns:360px 180px;gap:12px;display:grid}.searchPanel input,.searchPanel select{border:1px solid var(--line);height:46px;color:var(--ink);background:#fff;border-radius:10px;outline:0;padding:0 14px;font-weight:800}.chips{gap:10px;padding:4px 0 18px;display:flex;overflow:auto}.chips button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:10px;flex:none;padding:10px 14px;font-weight:900}.chips button.active,.chips button:hover{border-color:var(--green-700);background:var(--green-800);color:#fff}.countLine{color:var(--muted);margin:0 0 22px;font-size:15px;font-weight:850}.emptyState{color:var(--muted);background:#ffffffc7;border:1px dashed #c7d2cd;border-radius:12px;padding:34px}.masonryGrid{column-count:5;column-gap:22px}.imageCard{background:var(--green-100);break-inside:avoid;border:0;border-radius:12px;width:100%;margin:0 0 22px;padding:0;transition:transform .18s,box-shadow .18s;display:inline-block;overflow:hidden;box-shadow:0 12px 30px #173b3314}.imageCard:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.imageCard img{width:100%;height:auto;transition:transform .32s;display:block}.imageCard:hover img{transform:scale(1.045)}.modalBackdrop{z-index:100;background:#10241f6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.detailShell{background:var(--paper);border-radius:14px;grid-template-columns:minmax(580px,1.08fr) minmax(460px,.78fr) 300px;gap:18px;width:min(1760px,100%);height:min(940px,100vh - 48px);display:grid;position:relative;overflow:hidden;box-shadow:0 32px 90px #10241f4d}.closeBtn{z-index:2;width:46px;height:46px;color:var(--ink);background:#ffffffe6;border:0;border-radius:12px;font-size:30px;position:absolute;top:16px;right:18px}.detailImageOnly{background:#e9eee9;justify-content:center;align-items:center;min-height:0;display:flex;overflow:auto}.detailImageOnly img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.detailBody{background:#fff;padding:40px 34px 44px;overflow-y:auto}.authorLine{color:var(--muted);align-items:center;gap:14px;margin-bottom:22px;font-size:19px;font-weight:850;display:flex}.authorLine span{color:#fff;background:#3f9178;border-radius:50%;place-items:center;width:46px;height:46px;font-weight:950;display:grid}.detailBody h2{color:var(--ink);margin:0 0 18px;font-size:42px;font-weight:950;line-height:1.18}.detailPills{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.pill{color:#5d6762;background:#eef1ee;border-radius:8px;padding:7px 10px;font-size:14px;font-weight:800}.detailActions{flex-wrap:wrap;gap:12px;margin:24px 0 28px;display:flex}.detailActions a,.detailActions button,.commentBox button{border:1px solid var(--line);background:var(--green-800);color:#fff;border-radius:10px;padding:12px 17px;font-weight:950;text-decoration:none}.detailActions button{color:var(--green-900);background:#fff}.infoList,.aiBox{gap:12px;display:grid}.infoRow{grid-template-columns:116px minmax(0,1fr);gap:16px;font-size:15px;line-height:1.65;display:grid}.infoRow span{color:var(--muted);font-weight:900}.infoRow strong{color:var(--ink);overflow-wrap:anywhere;font-weight:760}.aiBox,.commentBox{border-top:1px solid var(--line);margin-top:30px;padding-top:24px}.aiBox h3,.commentBox h3,.recommendBlock h3{color:var(--green-900);margin:0 0 15px;font-size:20px}.aiBox p{background:var(--green-50);color:var(--ink);border-radius:12px;margin:16px 0 0;padding:18px;font-weight:650;line-height:1.9}.commentBox{gap:12px;display:grid}.commentBox textarea{border:1px solid var(--line);resize:vertical;border-radius:12px;outline:0;width:100%;min-height:92px;padding:13px}.commentBox button{width:max-content}.commentList{gap:10px;display:grid}.commentItem{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px;line-height:1.7}.commentItem span{color:var(--muted);margin-top:6px;font-size:12px;display:block}.muted{color:var(--muted)}.recommendRail{border-left:1px solid var(--line);background:#fff;padding:28px 20px;overflow-y:auto}.recommendBlock{margin-bottom:28px}.recommendBlock button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;grid-template-columns:86px 1fr;gap:12px;width:100%;margin-bottom:12px;padding:9px;display:grid}.recommendBlock img{object-fit:cover;border-radius:8px;width:86px;height:66px}.recommendBlock span{align-self:center;font-weight:850;line-height:1.35}.profilePage{padding:116px 34px 90px}.profileHero{background:linear-gradient(135deg, #fff, var(--green-50));border:1px solid var(--line);border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:34px;display:grid;box-shadow:0 18px 42px #173b3314}.profileAvatar{background:var(--green-800);color:#fff;border-radius:24px;place-items:center;width:96px;height:96px;font-size:30px;font-weight:950;display:grid}.profileHero h1{margin:0 0 10px;font-size:42px}.profileHero p:last-child{color:var(--muted);margin:0;font-size:17px;line-height:1.8}.profileHero button{background:var(--green-800);color:#fff}.profileStats{grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0 34px;display:grid}.profileStats div{border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px}.profileStats strong{color:var(--green-900);font-size:34px;display:block}.profileStats span{color:var(--muted);font-weight:850}.profileSection{margin-top:42px}.profileSection h2{margin-bottom:18px}@media (width<=1500px){.masonryGrid{column-count:4}.detailShell{grid-template-columns:minmax(500px,1fr) minmax(430px,.9fr)}.recommendRail{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:18px;display:grid}}@media (width<=1180px){body{min-width:0}.siteNav{grid-template-columns:1fr auto}.navLinks{display:none}.heroTitle{gap:30px;font-size:48px}.heroTitleFocus:before{font-size:11px;top:-18px}.masonryGrid{column-count:3}.detailShell{grid-template-columns:1fr;overflow-y:auto}.detailImageOnly{min-height:620px}.profileHero{grid-template-columns:1fr}}.clickSparkRoot{min-height:100vh;position:relative;overflow-x:hidden}.clickSparkCanvas{pointer-events:none;z-index:9998;width:100%;height:100%;position:absolute;inset:0}.split-parent{white-space:normal;display:inline-block;overflow:visible}.split-unit{will-change:transform, opacity;display:inline-block}.hero{isolation:isolate;align-items:center;min-height:100vh;padding:124px 7.6vw 78px}.heroMedia{filter:saturate(.86)contrast(.95)brightness(.86);background-position:50%;background-size:cover;transform:scale(1.01)}.heroOverlay{background:linear-gradient(90deg,#0a1411ad 0%,#0c1d1870 38%,#09120f14 68%,#07100d29 100%),linear-gradient(#060c0a38 0%,#0a18142e 54%,#08120fa8 100%)}.heroContent{align-self:center;width:min(760px,56vw);transform:translateY(14px)}.heroToneChips{flex-wrap:wrap;gap:8px;margin-bottom:34px;display:flex}.heroToneChips span{color:#fffff8d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1219165c;border:1px solid #ffffff1f;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:850}.hero .eyebrow{color:#f4faf1bd;letter-spacing:.18em;margin-bottom:18px;font-size:12px}.heroTitle{color:#fffffaf2;text-shadow:0 22px 60px #0000006b;gap:34px;font-size:clamp(66px,5.8vw,104px);font-weight:920;line-height:1.03}.heroTitleLine{max-width:860px}.heroTitleFocus{color:#fffffafc;text-shadow:0 24px 64px #00000085,0 0 42px #e9f2e647;width:max-content;font-size:1em;font-weight:920;line-height:1.03}.heroTitleFocus:before{content:"Space, material and quiet emotion";color:#f5faf1b3;letter-spacing:.18em;font-size:12px;top:-28px;left:8px}.heroTitleFocus:after{background:linear-gradient(90deg,#fffff87a,#d9e7d042 58%,#ffffff0a);height:16px;bottom:-17px;right:-36px}.heroCopy{color:#fffff8d1;text-shadow:0 12px 30px #00000047;width:min(690px,100%);margin-top:34px;font-size:18px;font-weight:620;line-height:1.9}.heroActions{align-items:center;margin-top:34px}.heroActions .specular-button{color:#fff;background:#16211b47;border:1px solid #fff3}.heroActions .ghostSpecular{background:#ffffff14;box-shadow:inset 0 1px #ffffff29,0 14px 30px #00000029}.heroCarouselPanel{z-index:2;width:340px;position:absolute;bottom:72px;right:7.4vw}.carouselMore{color:#fff;background:#4e5b38e6;border:0;border-radius:999px;justify-content:space-between;align-items:center;width:calc(100% - 24px);margin:10px 12px 0;padding:12px 16px;font-weight:950;display:flex;box-shadow:0 16px 32px #08120f3d}.carouselMore span{font-size:20px;line-height:1}@media (width<=1500px){.heroContent{width:min(720px,58vw)}.heroCarouselPanel{transform-origin:100% 100%;bottom:58px;right:5vw;transform:scale(.94)}}@media (width<=1180px){.hero{align-items:end;padding:118px 32px 58px}.heroContent{width:min(760px,100%);transform:none}.heroTitle{gap:26px;font-size:56px}.heroTitleFocus:before{font-size:10px;top:-22px}.heroCarouselPanel{display:none}}@keyframes heroFadeLift{0%{opacity:0;filter:blur(8px);transform:translateY(22px)}to{opacity:1;filter:blur();transform:translateY(0)}}.heroToneChips,.hero .eyebrow,.heroTitleFocus:before,.heroCopy,.heroActions{opacity:0;animation:.82s cubic-bezier(.22,1,.36,1) forwards heroFadeLift}.hero .eyebrow{animation-delay:1.35s}.heroTitleFocus:before{animation-delay:1.55s}.heroCopy{animation-delay:2.15s}.heroToneChips{animation-delay:2.85s}.heroActions{animation-delay:3.05s}.heroToneChips span,.heroActions .specular-button{transform:translateY(0)}.target-cursor-wrapper{pointer-events:none;z-index:9999;mix-blend-mode:difference;width:0;height:0;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.target-cursor-dot{will-change:transform;background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.target-cursor-corner{will-change:transform;border:3px solid #fff;width:12px;height:12px;position:absolute;top:50%;left:50%}.corner-tl{border-bottom:none;border-right:none;transform:translate(-150%,-150%)}.corner-tr{border-bottom:none;border-left:none;transform:translate(50%,-150%)}.corner-br{border-top:none;border-left:none;transform:translate(50%,50%)}.corner-bl{border-top:none;border-right:none;transform:translate(-150%,50%)}.specular-button{--sb-radius:18px;--sb-tint:#fff;--sb-tint-opacity:0;--sb-blur:0px;--sb-text-color:#f5f5f5;letter-spacing:0;color:var(--sb-text-color);background:color-mix(in srgb, var(--sb-tint) calc(var(--sb-tint-opacity) * 100%), transparent);border-radius:var(--sb-radius);-webkit-backdrop-filter:blur(var(--sb-blur));cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;margin:0;font-family:inherit;font-weight:900;line-height:1;transition:transform .15s,background .15s;display:inline-flex;position:relative;box-shadow:inset 0 1px #fff3,0 18px 38px #0000003d}.specular-button:active{transform:scale(.97)}.specular-button:focus-visible{outline:2px solid color-mix(in srgb, var(--sb-text-color) 60%, transparent);outline-offset:3px}.specular-button:disabled{opacity:.55;cursor:default}.specular-button--sm{padding:10px 22px;font-size:.85rem}.specular-button--md{padding:14px 30px;font-size:1rem}.specular-button--lg{padding:17px 34px;font-size:1.08rem}.specular-button__fx{pointer-events:none;z-index:1;position:absolute;inset:-20px}.specular-button__fx canvas{width:100%;height:100%;display:block}.specular-button__label{z-index:2;position:relative}.carousel-container{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border:1px solid #ffffffc7;border-radius:22px;padding:14px;position:relative;overflow:hidden;box-shadow:0 24px 58px #091a1542}.carousel-track{align-items:stretch;display:flex}.carousel-item{text-align:left;cursor:grab;background:#e6ebe5;border:0;border-radius:14px;flex-shrink:0;height:172px;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff73}.carousel-item:active{cursor:grabbing}.carousel-item img{object-fit:cover;filter:saturate(.9)contrast(.96);width:100%;height:100%;display:block}.carousel-item-content{color:#1d2b25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd4;border-radius:12px;padding:10px 12px;position:absolute;bottom:10px;left:10px;right:10px}.carousel-item-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:950;line-height:1.3;overflow:hidden}.carousel-item-content p{color:#6c756f;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:12px;font-weight:800;overflow:hidden}.carousel-indicators{justify-content:center;gap:7px;padding-top:12px;display:flex}.carousel-indicators button{background:#23524752;border:0;border-radius:999px;width:7px;height:7px;padding:0;transition:width .18s,background .18s}.carousel-indicators button.active{background:#235247;width:22px}