/* Homepage visual refresh: original Guangye imagery with cinematic, content-first cards. */
.home-view .quick-section,.home-view .projects-preview{position:relative;overflow:hidden}
.home-view .quick-section:before,.home-view .projects-preview:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 0,rgba(101,220,233,.055),transparent 30%),linear-gradient(120deg,rgba(255,255,255,.018),transparent 45%)}
.home-view .quick-section>* ,.home-view .projects-preview>*{position:relative;z-index:1}
.home-view .hero-art-stage{position:relative;display:block;height:510px;padding:0;border:0;background:transparent;color:#fff;text-align:left;isolation:isolate;perspective:1200px;overflow:visible}
.hero-art-stage:focus-visible{outline:2px solid #86e4e9;outline-offset:9px;border-radius:26px}
.hero-art-halo{position:absolute;z-index:-1;width:440px;height:390px;left:53%;top:48%;border-radius:50%;background:radial-gradient(circle,rgba(97,222,230,.16),rgba(137,102,218,.07) 42%,transparent 72%);filter:blur(12px);transform:translate(-50%,-50%);transition:opacity .45s,transform .6s}
.hero-art-orbit{position:absolute;z-index:-1;left:53%;top:48%;border:1px solid rgba(132,224,231,.13);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}
.hero-art-orbit:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#8be8ed;box-shadow:0 0 18px rgba(126,226,232,.9)}
.hero-art-orbit.orbit-a{width:450px;height:450px}.hero-art-orbit.orbit-a:after{left:9%;top:26%}.hero-art-orbit.orbit-b{width:535px;height:535px;border-style:dashed;opacity:.42}.hero-art-orbit.orbit-b:after{right:10%;bottom:25%}
.hero-art-frame{position:absolute;z-index:2;left:3%;top:40px;width:94%;aspect-ratio:16/10;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:#050607;box-shadow:0 45px 100px rgba(0,0,0,.52),0 0 0 1px rgba(119,222,230,.035),inset 0 1px rgba(255,255,255,.14);transform:rotateY(-4deg) rotateX(1deg);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.75,.2,1),border-color .4s,box-shadow .5s}
.hero-art-frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.75,.2,1),filter .5s}
.hero-art-frame .hover-preview{z-index:1}.hero-art-stage.is-hovering .hero-art-frame img{filter:saturate(.9) brightness(.78)}
.hero-art-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,4,6,.08) 42%,rgba(2,3,5,.9) 100%),linear-gradient(90deg,rgba(3,5,7,.2),transparent 35%);pointer-events:none}
.hero-art-top,.hero-art-copy,.hero-art-enter{position:absolute;z-index:2}.hero-art-top{left:18px;right:18px;top:17px;display:flex;align-items:center;gap:7px;color:rgba(235,247,248,.78);font-size:8px;font-weight:700;letter-spacing:1.3px}.hero-art-top>i{width:5px;height:5px;border-radius:50%;background:#84e5ea;box-shadow:0 0 12px #84e5ea}.hero-art-top>b{margin-left:auto;padding:4px 7px;border:1px solid rgba(255,255,255,.18);border-radius:5px;background:rgba(4,6,8,.52);color:#fff;font-size:8px;letter-spacing:.5px;backdrop-filter:blur(10px)}
.hero-art-copy{left:22px;bottom:21px}.hero-art-copy small{display:block;margin-bottom:7px;color:#82dfe5;font-size:8px;font-weight:700;letter-spacing:1.55px}.hero-art-copy strong{display:block;color:#fff;font-size:20px;letter-spacing:-.45px;text-shadow:0 4px 18px #000}.hero-art-copy em{display:block;margin-top:4px;color:rgba(235,239,240,.58);font-size:9px;font-style:normal}
.hero-art-enter{right:18px;bottom:21px;padding:8px 10px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:rgba(6,8,10,.55);color:#e9f9fa;font-size:9px;font-weight:600;backdrop-filter:blur(12px);transition:background .25s,border-color .25s}.hero-art-enter i{margin-left:6px;color:#86e4e9;font-style:normal}
.hero-art-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:rgba(14,17,22,.88);box-shadow:0 18px 44px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.07);backdrop-filter:blur(16px);pointer-events:none}.hero-art-chip>i{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:linear-gradient(145deg,rgba(139,111,225,.23),rgba(84,210,220,.14));color:#8de7eb;font-size:10px;font-style:normal}.hero-art-chip small,.hero-art-chip b{display:block}.hero-art-chip small{color:#7a8289;font-size:7px}.hero-art-chip b{margin-top:2px;color:#e8eaec;font-size:9px}.chip-director{left:-1%;top:22px;animation:hero-art-float 5s ease-in-out infinite}.chip-ready{right:-3%;bottom:44px;animation:hero-art-float 5.8s ease-in-out -1.4s infinite}
.hero-art-stage:hover .hero-art-frame{border-color:rgba(126,225,232,.34);box-shadow:0 55px 118px rgba(0,0,0,.58),0 0 65px rgba(89,207,216,.11),inset 0 1px rgba(255,255,255,.18);transform:rotateY(-1deg) translateY(-6px)}.hero-art-stage:hover .hero-art-frame img{transform:scale(1.035);filter:saturate(1.08) brightness(1.035)}.hero-art-stage:hover .hero-art-halo{opacity:1;transform:translate(-50%,-50%) scale(1.08)}.hero-art-stage:hover .hero-art-enter{border-color:rgba(130,228,234,.32);background:rgba(40,92,98,.48)}
@keyframes hero-art-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.home-view .creation-card{min-height:310px;border-radius:18px;background:#0d0e12;box-shadow:0 18px 50px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.045)}
.home-view .creation-card>.card-art{position:relative;height:184px;overflow:hidden;background-image:linear-gradient(180deg,transparent 48%,rgba(5,6,8,.58)),url('/assets/home-modes-v1.webp');background-size:200% 200%;background-repeat:no-repeat;transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .35s}
.home-view .creation-card:hover>.card-art{transform:scale(1.035);filter:saturate(1.08) brightness(1.04)}
.home-view .creation-card .card-art>div{display:none}.home-view .creation-card .card-art>span{z-index:2;top:12px;right:13px;padding:4px 6px;border:1px solid rgba(255,255,255,.13);border-radius:5px;background:rgba(5,7,9,.45);backdrop-filter:blur(8px);color:#e9ecee;font-weight:700}
.hover-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .28s ease}.is-hovering .hover-preview{opacity:1}
.home-view .card-product .card-art{background-position:0 0}.home-view .card-seeding .card-art{background-position:100% 0}.home-view .card-replica .card-art{background-position:100% 100%}.home-view .card-brand .card-art{background-position:0 100%}
.home-view .creation-card>div:nth-child(2){padding:17px 18px 0}.home-view .creation-card h3{font-size:17px;letter-spacing:-.3px}.home-view .creation-card p{padding-right:20px;color:#96939a;font-size:11px}.home-view .creation-card>i{right:18px;bottom:18px;color:#83d8dd}
.inspiration-section{padding-bottom:72px}.inspiration-section .section-title>div>p{margin:6px 0 0;color:#7f7b82;font-size:10px}.inspiration-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:182px;gap:12px}
.inspiration-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:17px;background-image:linear-gradient(180deg,rgba(3,4,6,.02) 30%,rgba(3,4,6,.88) 100%),url('/assets/home-gallery-v1.webp');background-size:200% 200%;background-repeat:no-repeat;color:#f5f3f1;text-align:left;box-shadow:0 18px 44px rgba(0,0,0,.25);isolation:isolate;transition:transform .28s,border-color .28s,box-shadow .28s,filter .28s}
.inspiration-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.11) 50%,transparent 65%);transform:translateX(-125%);transition:transform .7s ease}
.inspiration-card:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(3,4,6,.02) 28%,rgba(3,4,6,.88) 100%)}
.inspiration-card:hover{transform:translateY(-4px);border-color:rgba(130,224,230,.28);box-shadow:0 28px 70px rgba(0,0,0,.42);filter:saturate(1.08)}.inspiration-card:hover:before{transform:translateX(125%)}
.inspiration-beach{grid-column:span 5;grid-row:span 2;background-position:0 0}.inspiration-ramen{grid-column:span 4;background-position:100% 0}.inspiration-fans{grid-column:span 3;background-position:0 100%}.inspiration-flower{grid-column:6/13;background-position:100% 100%}
.inspiration-card>div{position:absolute;z-index:2;left:18px;right:18px;bottom:17px}.inspiration-card small{display:block;margin-bottom:5px;color:#8adce1;font-size:8px;font-weight:700;letter-spacing:1.3px}.inspiration-card h3{margin:0;color:#fff;font-size:15px;letter-spacing:-.25px;text-shadow:0 2px 12px #000}.inspiration-card p{margin:4px 0 0;color:#b9b5b3;font-size:9px}.inspiration-card b{position:absolute;right:0;bottom:0;opacity:0;color:#dffbfc;font-size:9px;transform:translateX(-5px);transition:.25s}.inspiration-card:hover b{opacity:1;transform:none}.inspiration-card b i{margin-left:4px;color:#83e0e5;font-style:normal}
.inspiration-badge{position:absolute;z-index:2;left:13px;top:13px;padding:5px 7px;border:1px solid rgba(255,255,255,.13);border-radius:6px;background:rgba(7,8,10,.52);color:#e4e1df;font-size:8px;font-weight:700;backdrop-filter:blur(10px)}
[data-theme="light"] .home-view .creation-card{background:#15161a;border-color:rgba(30,27,37,.16)}[data-theme="light"] .home-view .creation-card h3{color:#f4f2f0}[data-theme="light"] .home-view .creation-card p{color:#aaa5a1}[data-theme="light"] .inspiration-section .section-title>div>p{color:#77716c}
@media(max-width:1180px){.hero-art-frame{left:1%;width:98%}.chip-director{left:-4%}.chip-ready{right:-5%}}
@media(max-width:1050px){.home-view .hero{grid-template-columns:minmax(0,1fr)}.home-view .hero-copy{max-width:none}.home-view .creation-card{min-height:295px}.inspiration-grid{grid-template-columns:1fr 1fr;grid-auto-rows:230px}.inspiration-card{grid-column:auto;grid-row:auto}.inspiration-beach{grid-row:span 2}}
@media(max-width:1050px) and (min-width:721px){.home-view .hero-art-stage{display:block;width:min(720px,100%);height:470px;margin:35px auto -10px}.hero-art-frame{left:3%;width:94%}}
@media(max-width:620px){.home-view .creation-card{min-height:286px}.home-view .creation-card>.card-art{height:166px}.inspiration-grid{grid-template-columns:1fr;grid-auto-rows:235px}.inspiration-card,.inspiration-beach{grid-column:auto;grid-row:auto}.inspiration-card b{opacity:1;transform:none}.inspiration-section{padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){.hero-art-chip{animation:none}.hero-art-frame,.hero-art-frame img,.hero-art-halo{transition:none}}