:root{--ink:#201b2e;--muted:#777182;--purple:#7559f4;--pink:#ff6d9f;--mint:#78e2c1;--yellow:#ffd75c;--blue:#65abff;--line:#eae5ef;--paper:#fffdfa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans","Noto Sans SC",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}
.topbar{height:74px;padding:0 clamp(20px,6vw,84px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(60,44,83,.08);background:rgba(255,253,250,.86);backdrop-filter:blur(16px);position:sticky;top:0;z-index:50}.brand{font-size:18px;font-weight:900;display:flex;align-items:center;gap:10px}.brand i{width:29px;height:29px;border-radius:10px;background:linear-gradient(135deg,var(--pink),var(--purple));box-shadow:5px 5px 0 var(--yellow)}.topnav{display:flex;align-items:stretch;gap:clamp(18px,2.6vw,38px);height:100%;font-size:14px;font-weight:700;white-space:nowrap}.topnav a{position:relative;display:flex;align-items:center;color:#5f5b70;transition:color .18s ease}.topnav a:hover{color:#17152b}.topnav a.active{color:var(--purple)}.topnav a.active:after{content:"";position:absolute;left:50%;bottom:0;width:22px;height:3px;border-radius:999px;background:var(--purple);transform:translateX(-50%)}.topnav a:focus-visible{outline:3px solid rgba(116,87,246,.22);outline-offset:5px;border-radius:6px}.top-actions{display:flex;gap:9px}.btn{border:0;border-radius:12px;padding:11px 16px;font-size:12px;font-weight:700}.btn-dark{background:var(--ink);color:#fff}.btn-soft{background:#f2eff7;color:var(--ink)}.btn-primary{background:linear-gradient(120deg,var(--purple),var(--pink));color:#fff}.icon-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fff}
.discovery-hero{min-height:520px;padding:80px clamp(24px,7vw,110px);position:relative;overflow:hidden;background:linear-gradient(120deg,#fff6fb,#f7f4ff 52%,#edfff9)}.discovery-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(86,68,112,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(86,68,112,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent)}.hero-copy{position:relative;z-index:2;max-width:700px}.kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--purple)}.hero-copy h1{font-size:clamp(46px,6vw,78px);line-height:1.1;letter-spacing:-4px;margin:22px 0}.hero-copy h1 span{background:linear-gradient(90deg,var(--purple),var(--pink),var(--blue));-webkit-background-clip:text;color:transparent}.hero-copy p{max-width:590px;color:var(--muted);font-size:16px;line-height:1.8}.hero-buttons{display:flex;gap:10px;margin-top:28px}.hero-collage{position:absolute;width:470px;height:390px;right:5%;top:65px}.collage-card{position:absolute;border:1px solid rgba(255,255,255,.8);box-shadow:0 24px 60px rgba(75,54,109,.15);border-radius:24px;background:rgba(255,255,255,.8);backdrop-filter:blur(15px);overflow:hidden}.cc-main{width:310px;height:210px;right:45px;top:75px;background:linear-gradient(135deg,#896cff,#ff83af)}.cc-main:after{content:"AI / CREATE";position:absolute;inset:28px;border:1px solid rgba(255,255,255,.45);border-radius:18px;display:grid;place-items:center;color:#fff;font-size:28px;font-weight:900}.cc-small{width:160px;height:110px;left:0;top:15px;padding:18px}.cc-small strong{font-size:25px}.cc-small small{display:block;color:var(--muted);margin-top:7px}.cc-data{width:180px;height:105px;right:0;bottom:8px;padding:18px}.sparkline{height:30px;margin-top:10px;background:linear-gradient(135deg,transparent 45%,var(--mint) 46%,var(--mint) 52%,transparent 53%)}
.filter-shell{position:sticky;top:74px;z-index:40;background:rgba(255,253,250,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:16px clamp(24px,7vw,110px)}.filter-top{display:flex;gap:10px}.search{flex:1;position:relative}.search input{width:100%;height:44px;border:1px solid var(--line);border-radius:13px;padding:0 16px 0 40px;outline:0;background:#fff}.search:before{content:"⌕";position:absolute;left:15px;top:9px;font-size:20px;color:var(--muted)}select{height:44px;border:1px solid var(--line);border-radius:13px;padding:0 32px 0 13px;background:#fff;color:var(--ink)}.chips{display:flex;gap:8px;margin-top:12px;overflow:auto;scrollbar-width:none}.chip{white-space:nowrap;border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:99px;font-size:10px;color:var(--muted)}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.content{padding:55px clamp(24px,7vw,110px) 100px;max-width:1600px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-head h2{font-size:31px;margin:0}.section-head p{font-size:11px;color:var(--muted)}.mock-label{font-size:8px;background:#fff2c8;color:#8b6812;padding:5px 8px;border-radius:99px}
.featured-card{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 20px 50px rgba(66,48,92,.08);margin-bottom:38px}.featured-visual{min-height:380px;background:linear-gradient(135deg,#cfc3ff,#876cff);position:relative;overflow:hidden}.featured-visual:before{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.35);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 55px rgba(255,255,255,.06),0 0 0 110px rgba(255,255,255,.05)}.product-ui{position:absolute;inset:60px 55px;border-radius:22px;background:#201a35;padding:24px;color:white;transform:rotate(-3deg);box-shadow:20px 25px 50px rgba(39,22,95,.35)}.product-ui .ai-bubble{background:#312951;border-radius:14px;padding:14px;font-size:11px;margin:13px 0}.product-ui .reply{background:#725af1;border-radius:14px;padding:14px;font-size:11px;margin-left:40px}.featured-info{padding:38px;display:flex;flex-direction:column}.state-row{display:flex;gap:7px}.state{font-size:9px;padding:6px 9px;border-radius:7px;background:#f3efff;color:var(--purple);font-weight:700}.state.need{background:#e5faf3;color:#17846b}.project-title{display:flex;align-items:center;gap:13px;margin:22px 0 12px}.project-logo{width:47px;height:47px;border-radius:14px;background:var(--purple);color:white;display:grid;place-items:center;font-weight:900;font-size:20px}.project-title h3{margin:0;font-size:29px}.verified{color:#2e8df5;font-size:13px}.featured-info>p{color:var(--muted);line-height:1.8;font-size:13px}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}.tag{font-size:9px;padding:6px 8px;border-radius:7px;background:#f5f2f7;color:#6d6675}.creator-line{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:11px}.avatar{width:34px;height:34px;border-radius:11px;background:var(--pink);color:white;display:grid;place-items:center;font-weight:800}.creator-line .metrics{margin-left:auto;color:var(--muted);display:flex;gap:14px}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.3s;position:relative}.project-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(58,40,88,.1);border-color:#d2c8ff}.card-cover{height:190px;position:relative;overflow:hidden}.card-cover:after{content:"";position:absolute;inset:35px;border-radius:20px;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.13);transform:rotate(-4deg)}.cover-purple{background:linear-gradient(135deg,#cfc3ff,#856bfa)}.cover-mint{background:linear-gradient(135deg,#c7f7e8,#56cca8)}.cover-yellow{background:linear-gradient(135deg,#fff0a9,#ffd04c)}.cover-blue{background:linear-gradient(135deg,#d3e9ff,#66aaf7)}.cover-coral{background:linear-gradient(135deg,#ffd7ca,#ff8a68)}.cover-lime{background:linear-gradient(135deg,#e6ffc5,#9ede5b)}.cover-letter{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);font-size:55px;font-weight:900;color:#fff}.save{position:absolute;right:12px;top:12px;z-index:5;width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.85)}.save.saved{background:var(--pink);color:#fff}.card-body{padding:19px}.card-body h3{font-size:19px;margin:12px 0 7px}.card-body>p{font-size:11px;line-height:1.7;color:var(--muted);min-height:38px}.card-bottom{display:flex;align-items:center;border-top:1px solid var(--line);padding-top:13px;margin-top:14px;font-size:9px;color:var(--muted)}.card-bottom .avatar{width:27px;height:27px;border-radius:9px;font-size:9px;margin-right:7px}.card-bottom span:last-child{margin-left:auto}.quick-view{position:absolute;right:14px;bottom:72px;border:0;border-radius:10px;padding:9px 11px;background:var(--ink);color:#fff;font-size:9px;opacity:0;transform:translateY(5px);transition:.25s}.project-card:hover .quick-view{opacity:1;transform:none}
.detail-hero,.creator-hero{padding:55px clamp(24px,7vw,110px);background:linear-gradient(130deg,#fff8fb,#f4f2ff 60%,#effff9)}.detail-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:55px;align-items:center}.detail-logo{width:62px;height:62px;border-radius:19px;background:var(--purple);color:#fff;display:grid;place-items:center;font-size:27px;font-weight:900}.detail-copy h1{font-size:clamp(43px,5vw,68px);letter-spacing:-3px;margin:17px 0 10px}.detail-copy>p{font-size:16px;color:var(--muted);line-height:1.8}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.detail-media{aspect-ratio:1.25;border-radius:28px;background:linear-gradient(135deg,#b8a8ff,#775af1);position:relative;overflow:hidden;box-shadow:0 25px 65px rgba(71,50,139,.2)}.detail-media .product-ui{inset:50px}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:65px;height:65px;border:0;border-radius:50%;background:rgba(255,255,255,.9);font-size:20px}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;background:#fff;margin-top:45px}.metric{padding:20px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric strong{font-size:22px}.metric small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.section-nav{position:sticky;top:74px;z-index:30;display:flex;gap:27px;overflow:auto;padding:15px clamp(24px,7vw,110px);border-bottom:1px solid var(--line);background:rgba(255,253,250,.94);backdrop-filter:blur(16px)}.section-nav a{white-space:nowrap;font-size:11px;font-weight:700}.detail-main{max-width:1250px;margin:auto;padding:65px 24px 120px}.detail-section{padding:55px 0;border-bottom:1px solid var(--line);scroll-margin-top:130px}.detail-section h2{font-size:34px;margin:0 0 25px}.value-grid,.team-grid,.needs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.value-card,.team-card,.need-card{border:1px solid var(--line);border-radius:18px;padding:21px;background:#fff}.value-card b{display:block;color:var(--purple);font-size:10px;margin-bottom:12px}.value-card p,.team-card p,.need-card p{color:var(--muted);font-size:11px;line-height:1.7}.gallery{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.gallery-item{border-radius:22px;min-height:230px;background:linear-gradient(135deg,#2b2343,#7760ea);padding:25px;color:#fff}.gallery-side{display:grid;gap:14px}.gallery-side .gallery-item{min-height:108px;background:linear-gradient(135deg,#d5f9ed,#56cda9);color:var(--ink)}.gallery-side .gallery-item:last-child{background:linear-gradient(135deg,#ffeab0,#ffca42)}.timeline{display:grid;grid-template-columns:repeat(6,1fr);position:relative}.timeline:before{content:"";position:absolute;left:5%;right:5%;top:17px;height:1px;background:var(--line)}.step{position:relative;padding:0 12px}.step i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font-style:normal;font-size:9px}.step h3{font-size:12px;margin:14px 0 6px}.step p{font-size:9px;color:var(--muted);line-height:1.6}.team-card .avatar{width:45px;height:45px}.team-card h3{margin:13px 0 4px}.team-card small{color:var(--purple)}.need-card{border-top:4px solid var(--pink)}.need-card .btn{width:100%;margin-top:12px}.discussion textarea{width:100%;min-height:110px;border:1px solid var(--line);border-radius:15px;padding:15px;resize:vertical}.discussion .btn{margin-top:10px}.side-actions{position:fixed;right:20px;top:42%;z-index:25;display:grid;gap:7px}.side-actions button{width:44px;height:44px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 8px 22px rgba(45,31,65,.08)}
.creator-hero-inner{max-width:1200px;margin:auto}.creator-cover{height:150px;border-radius:26px;background:linear-gradient(120deg,#8870fa,#ff7cab 55%,#75e1c0);position:relative;overflow:hidden}.creator-cover:after{content:"AI CREATOR / 2026";position:absolute;right:30px;bottom:22px;color:rgba(255,255,255,.65);font-size:11px;letter-spacing:3px}.creator-profile{display:flex;align-items:flex-end;gap:22px;margin:-50px 35px 0;position:relative}.creator-avatar{width:110px;height:110px;border:7px solid var(--paper);border-radius:31px;background:var(--purple);color:#fff;display:grid;place-items:center;font-size:40px;font-weight:900}.creator-info{flex:1;padding-bottom:6px}.creator-info h1{font-size:34px;margin:0}.creator-info p{font-size:12px;color:var(--muted)}.availability{display:inline-block;background:#e5faf3;color:#16836a;border-radius:99px;padding:7px 10px;font-size:9px}.creator-stats{display:flex;gap:25px;margin-top:20px}.creator-stats strong{font-size:18px}.creator-stats small{display:block;color:var(--muted);font-size:8px}.creator-layout{max-width:1200px;margin:55px auto;padding:0 24px 100px;display:grid;grid-template-columns:280px 1fr;gap:25px}.profile-panel,.portfolio-panel{border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff}.profile-panel{height:max-content;position:sticky;top:95px}.profile-panel h3{font-size:13px;margin:24px 0 10px}.profile-panel p{font-size:11px;color:var(--muted);line-height:1.8}.portfolio-panel h2{font-size:28px}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.work{border:1px solid var(--line);border-radius:17px;overflow:hidden}.work-cover{height:135px}.work-body{padding:15px}.work-body h3{margin:0 0 6px;font-size:15px}.work-body p{font-size:9px;color:var(--muted)}
.toast{position:fixed;right:22px;bottom:22px;z-index:100;background:var(--ink);color:#fff;padding:14px 18px;border-radius:14px;font-size:11px;transform:translateY(100px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}
@media(max-width:1000px){.hero-collage{opacity:.35;right:-100px}.project-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.timeline{grid-template-columns:repeat(3,1fr);gap:25px}.creator-layout{grid-template-columns:1fr}.profile-panel{position:static}.side-actions{display:none}}
@media(max-width:700px){.topbar{height:64px}.topnav{display:none}.top-actions .btn-soft{display:none}.discovery-hero{padding:60px 20px}.hero-copy h1{font-size:46px}.hero-collage{display:none}.filter-shell{top:64px;padding:12px 16px}.filter-top select{display:none}.project-grid,.featured-card,.value-grid,.team-grid,.needs-grid,.gallery,.work-grid{grid-template-columns:1fr}.featured-visual{min-height:270px}.content{padding:45px 16px}.detail-hero,.creator-hero{padding:35px 18px}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.timeline{grid-template-columns:1fr}.timeline:before{left:16px;right:auto;top:0;bottom:0;width:1px;height:auto}.step{padding-left:50px}.step i{position:absolute;left:0}.creator-profile{align-items:flex-start;flex-wrap:wrap;margin:-40px 15px 0}.creator-avatar{width:88px;height:88px}.creator-info{min-width:200px}.creator-layout{margin-top:30px}.section-nav{top:64px}.quick-view{opacity:1}.detail-actions .btn{flex:1}.mobile-bar{position:fixed;bottom:0;left:0;right:0;padding:10px 15px;background:#fff;border-top:1px solid var(--line);display:flex!important;gap:8px;z-index:60}.mobile-bar .btn{flex:1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.topbar>.official-brand{flex:0 0 auto;margin-right:clamp(28px,5vw,80px);transition:opacity .2s}.topbar>.official-brand:hover{opacity:.92}.topbar>.official-brand img{display:block;width:auto;height:46px;object-fit:contain}
@media(max-width:900px){.topbar>.official-brand{margin-right:20px}.topbar>.official-brand img{height:42px}}
@media(max-width:700px){.topbar>.official-brand{margin-right:8px}.topbar>.official-brand img{height:36px}}

/* 项目详情：纯视觉作品画廊 */
.detail-main{max-width:1380px;padding-top:36px}.visual-only-showcase{padding-top:20px;border-bottom:0}.visual-showcase-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.visual-showcase-head h2{margin:7px 0 0}.project-shot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:285px;gap:16px}.project-shot{position:relative;overflow:hidden;border:1px solid rgba(118,89,244,.12);border-radius:25px;padding:24px;text-align:left;transition:transform .3s,box-shadow .3s;isolation:isolate}.project-shot:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(76,55,130,.14)}.shot-wide{grid-column:span 2}
.shot-chat{background:linear-gradient(140deg,#2d2546,#735cf1);color:#fff}.shot-browser{display:flex;gap:6px}.shot-browser i{width:7px;height:7px;border-radius:50%;background:#ff8bb8}.shot-browser i:nth-child(2){background:#ffd34e}.shot-browser i:nth-child(3){background:#80e6c5}.shot-chat-ui{position:absolute;left:12%;right:7%;top:25%;bottom:-18px;padding:25px;border-radius:22px 22px 0 0;background:#f8f6fc;color:#242033;box-shadow:0 -12px 40px rgba(15,9,35,.22)}.shot-chat-ui b{font-size:15px}.shot-chat-ui p,.shot-chat-ui em{display:block;max-width:68%;margin:18px 0;padding:13px;border-radius:13px;background:#fff;font-size:10px;font-style:normal}.shot-chat-ui em{margin-left:auto;background:#7758f6;color:#fff}
.shot-cards{background:linear-gradient(145deg,#fff1ba,#ffcf4d)}.mini-poster{position:absolute;width:42%;height:68%;top:18%;border-radius:18px;padding:14px;color:#fff;font-size:10px;font-weight:800;box-shadow:0 17px 35px rgba(72,45,21,.17)}.poster-one{left:8%;background:linear-gradient(160deg,#725bea,#29223c);transform:rotate(-7deg)}.poster-two{left:31%;background:linear-gradient(160deg,#65b9eb,#244d69);transform:rotate(2deg)}.poster-three{right:7%;background:linear-gradient(160deg,#ff7ea2,#9d395a);transform:rotate(8deg)}
.shot-mobile{background:linear-gradient(145deg,#ffdceb,#ff85b5)}.phone-frame{width:155px;height:260px;margin:auto;padding:18px;border:7px solid #272035;border-radius:31px;background:#fff;box-shadow:13px 18px 35px rgba(72,36,58,.19)}.phone-frame b{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:#7758f6;color:#fff}.phone-frame span{display:block;margin:24px 0 17px;font-size:11px;font-weight:700}.phone-frame i{display:block;height:25px;margin:8px 0;border-radius:10px;background:#f0ecf7}.phone-frame i:nth-of-type(2){background:#e8e2ff}.phone-frame i:nth-of-type(3){width:70%;background:#7758f6}
.shot-memory{background:linear-gradient(145deg,#e5dcff,#aa94ff);color:#fff}.memory-cloud{height:190px;position:relative}.memory-cloud span{position:absolute;padding:10px 14px;border-radius:99px;background:rgba(255,255,255,.85);color:#66547d;font-size:9px;box-shadow:0 10px 24px rgba(74,50,132,.12)}.memory-cloud span:nth-child(1){left:8%;top:15%}.memory-cloud span:nth-child(2){right:12%;top:5%}.memory-cloud span:nth-child(3){left:30%;bottom:15%}.memory-cloud span:nth-child(4){right:5%;bottom:3%}.shot-memory>strong{font-size:10px;letter-spacing:2px}
.shot-report{background:linear-gradient(135deg,#e4efff,#97c2ff);display:flex;align-items:center;justify-content:space-between}.report-copy{display:flex;flex-direction:column;gap:12px}.report-copy small{font-size:8px;letter-spacing:2px}.report-copy strong{font-size:28px}.report-chart{width:55%;height:180px;display:flex;align-items:end;gap:10px;padding:20px;border-radius:20px;background:rgba(255,255,255,.45)}.report-chart i{flex:1;height:35%;border-radius:8px 8px 3px 3px;background:#7758f6}.report-chart i:nth-child(2){height:54%}.report-chart i:nth-child(3){height:42%;background:#ff6c9f}.report-chart i:nth-child(4){height:72%}.report-chart i:nth-child(5){height:65%;background:#48cfa8}.report-chart i:nth-child(6){height:90%}
@media(max-width:900px){.project-shot-grid{grid-template-columns:repeat(2,1fr)}.shot-wide{grid-column:span 2}}
@media(max-width:620px){.project-shot-grid{grid-template-columns:1fr;grid-auto-rows:250px}.shot-wide{grid-column:auto}.report-chart{width:50%}.project-shot{border-radius:20px}}

/* 单列横版作品展示 */
.visual-only-showcase{max-width:1180px;margin:0 auto}.project-shot-grid{display:flex;flex-direction:column;gap:22px}.project-shot,.project-shot.shot-wide{width:100%;height:380px;min-height:0;grid-column:auto}.shot-chat-ui{left:18%;right:10%}.shot-cards .mini-poster{width:27%;height:72%;top:14%}.shot-cards .poster-one{left:17%}.shot-cards .poster-two{left:37%}.shot-cards .poster-three{right:16%}.shot-mobile .phone-frame{height:330px;width:190px}.shot-memory .memory-cloud{height:270px}.shot-report .report-chart{height:240px}
@media(max-width:700px){.project-shot,.project-shot.shot-wide{height:240px}.project-shot-grid{gap:14px}.shot-chat-ui{left:8%;right:5%;padding:18px}.shot-mobile .phone-frame{height:220px;width:135px;padding:12px}.shot-cards .mini-poster{width:36%}.shot-cards .poster-one{left:7%}.shot-cards .poster-two{left:32%}.shot-cards .poster-three{right:6%}.shot-memory .memory-cloud{height:150px}.shot-report .report-chart{height:170px}.report-copy strong{font-size:20px}}

/* 不同项目详情的独立视觉主题 */
body[data-project="haptic"] .detail-hero{background:linear-gradient(130deg,#f7fffc,#e0faf1 58%,#eef8ff)}body[data-project="haptic"] .detail-logo{background:#23ad89}body[data-project="haptic"] .detail-copy h1 span{color:#23ad89}body[data-project="haptic"] .showcase-stage{background:#183b35}body[data-project="haptic"] .showcase-stage:before{background:#48cfa8}body[data-project="haptic"] .chat-line.user,body[data-project="haptic"] .phone-frame i:nth-of-type(3){background:#23ad89}body[data-project="haptic"] .shot-chat{background:linear-gradient(140deg,#173d36,#38bd98)}body[data-project="haptic"] .shot-memory{background:linear-gradient(145deg,#d8faef,#65d3b2)}
body[data-project="mood-store"] .detail-hero{background:linear-gradient(130deg,#fffdf2,#fff0b7 58%,#fff2f7)}body[data-project="mood-store"] .detail-logo{background:#f1b529}body[data-project="mood-store"] .detail-copy h1 span{color:#e9a914}body[data-project="mood-store"] .showcase-stage{background:#443417}body[data-project="mood-store"] .showcase-stage:before{background:#ffd34e}body[data-project="mood-store"] .chat-line.user,body[data-project="mood-store"] .phone-frame i:nth-of-type(3){background:#ff7b9e}body[data-project="mood-store"] .shot-chat{background:linear-gradient(140deg,#5d4315,#f2b932)}body[data-project="mood-store"] .shot-memory{background:linear-gradient(145deg,#fff0ae,#ffcc48);color:#473717}

/* Product-first project hero */
.compact-copy{max-width:490px}.compact-copy h1{line-height:.96;margin:20px 0 14px}.compact-copy h1 span{font-size:.73em;color:var(--purple)}.compact-copy>p{font-size:19px;color:#5f5968}.compact-creator{max-width:390px;margin-top:22px}.compact-creator .availability{margin-left:auto}
.showcase-stage{min-width:0;min-height:540px;padding:18px;border-radius:30px;background:#211b34;box-shadow:0 28px 80px rgba(61,43,116,.22);position:relative;overflow:hidden}.showcase-stage:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:var(--purple);filter:blur(100px);opacity:.35;right:-40px;top:-50px}.showcase-top{height:35px;display:flex;justify-content:space-between;align-items:flex-start;color:#a7a0b5;font-size:8px;letter-spacing:1.4px;position:relative}.showcase-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:7px}.showcase-top b{color:#fff}.screen-panel{display:none;height:395px;border-radius:20px;overflow:hidden;position:relative}.screen-panel.active{display:block;animation:screenIn .35s cubic-bezier(.22,1,.36,1)}.app-window{height:100%;display:flex;background:#f7f5fb}.app-sidebar{width:58px;background:#2c2444;padding:14px 0;display:flex;flex-direction:column;align-items:center;gap:15px}.app-sidebar>b{width:30px;height:30px;border-radius:10px;background:var(--purple);color:#fff;display:grid;place-items:center}.app-sidebar>i{width:20px;height:20px;border-radius:7px;background:#44395f}.app-sidebar>span{margin-top:auto;width:28px;height:28px;border-radius:9px;background:var(--pink);color:#fff;display:grid;place-items:center;font-size:8px}.app-main{flex:1;padding:20px 24px;position:relative}.app-head{display:flex;justify-content:space-between;font-size:11px;font-weight:700}.app-head small{font-size:7px;color:#27a784}.mood-map{display:flex;gap:6px;margin:15px 0}.mood-map span{background:#ebe6fb;color:var(--purple);font-size:7px;padding:5px 7px;border-radius:99px}.chat-line{max-width:82%;border-radius:14px;padding:11px 13px;margin:10px 0;font-size:9px;line-height:1.6;display:flex;gap:9px}.chat-line p{margin:0}.chat-line.ai{background:#fff;box-shadow:0 7px 20px rgba(56,38,90,.06)}.chat-line.ai i{color:var(--purple);font-style:normal}.chat-line.user{background:var(--purple);color:#fff;margin-left:auto}.composer{position:absolute;left:24px;right:24px;bottom:18px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;color:#aaa2b4;font-size:8px}.composer b{float:right;width:22px;height:22px;border-radius:7px;background:var(--ink);color:#fff;display:grid;place-items:center;margin-top:-6px}
.inspiration-board{height:100%;padding:34px;background:linear-gradient(135deg,#fff1b9,#ffd15b);position:relative;overflow:hidden}.inspiration-board h3{font-size:25px;margin:12px 0}.inspiration-board span{font-size:8px}.visual-card{position:absolute;width:145px;height:185px;border-radius:18px;display:flex;align-items:flex-end;padding:14px;color:#fff;font-size:9px;font-weight:800;box-shadow:0 15px 35px rgba(58,40,20,.2)}.vc-one{right:155px;top:55px;background:linear-gradient(160deg,#735cf0,#211b34);transform:rotate(-7deg)}.vc-two{right:55px;top:80px;background:linear-gradient(160deg,#60b6ed,#234a67);transform:rotate(5deg)}.vc-three{right:95px;bottom:-65px;background:linear-gradient(160deg,#ff7a9d,#8f324e);transform:rotate(-2deg)}
.screen-switcher{height:74px;display:flex;align-items:end;gap:8px;position:relative}.screen-thumb{height:58px;flex:1;min-width:0;border:1px solid #3b334e;border-radius:12px;background:#29223b;color:#c7c1d0;display:flex;align-items:center;gap:8px;padding:7px;text-align:left}.screen-thumb.active{border-color:#8e75ff;background:#332a50;color:#fff}.screen-thumb b{font-size:8px;white-space:nowrap}.thumb-ui{width:42px;height:40px;border-radius:8px;display:block}.purple-ui{background:linear-gradient(135deg,#d2c7ff,#765df0)}.mint-ui{background:linear-gradient(135deg,#d2faee,#60d2b0)}.yellow-ui{background:linear-gradient(135deg,#fff0ae,#ffca3f)}.play-demo{height:58px;border:0;border-radius:12px;background:#fff;color:var(--ink);padding:0 16px;font-weight:800}.play-demo span{font-size:8px;margin-left:5px}@keyframes screenIn{from{opacity:0;transform:translateY(8px) scale(.985)}}
@media(max-width:1000px){.compact-copy{max-width:none}}
@media(max-width:700px){.showcase-stage{min-height:470px;padding:12px}.screen-panel{height:350px}.screen-switcher{height:66px}.screen-thumb{height:52px}.screen-thumb b,.play-demo span{display:none}.app-main{padding:15px}.visual-card{width:105px;height:145px}.vc-one{right:110px}.vc-two{right:25px}}

/* Candy palette for the product showcase gallery */
.gallery-item{
  border:1px solid rgba(118,89,244,.14);
  background:
    radial-gradient(circle at 18% 22%,rgba(255,255,255,.52),transparent 26%),
    linear-gradient(135deg,#ff9fc5 0%,#c89dff 48%,#8ca8ff 100%);
  color:#261e39;
  box-shadow:0 16px 36px rgba(142,105,209,.12)
}
.gallery-side .gallery-item{
  border-color:rgba(54,181,150,.15);
  background:
    radial-gradient(circle at 82% 20%,rgba(255,255,255,.58),transparent 30%),
    linear-gradient(135deg,#c8fff0 0%,#8ee9d1 55%,#6cd9c2 100%);
  color:#20362f;
  box-shadow:0 13px 30px rgba(73,190,159,.11)
}
.gallery-side .gallery-item:last-child{
  border-color:rgba(242,175,53,.16);
  background:
    radial-gradient(circle at 20% 22%,rgba(255,255,255,.64),transparent 30%),
    linear-gradient(135deg,#fff1b7 0%,#ffd774 55%,#ffbd62 100%);
  color:#3e2d24;
  box-shadow:0 13px 30px rgba(235,171,59,.12)
}
.gallery-item:hover{
  transform:translateY(-3px);
  filter:saturate(1.04);
  transition:transform .28s ease,filter .28s ease,box-shadow .28s ease
}

/* 项目发布人名片：沿用人才卡片的信息层级，不展示任何匹配信息。 */
.publisher-card{
  margin-top:24px;padding:24px;border:1px solid #e8e3f5;border-radius:26px;
  background:rgba(255,255,255,.72);box-shadow:0 12px 34px rgba(91,70,160,.07);
  backdrop-filter:blur(16px)
}
.publisher-card__label{margin-bottom:16px;color:#7457f6;font-size:11px;font-weight:800;letter-spacing:.16em}
.publisher-card__head{display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:14px}
.publisher-avatar{
  width:60px;height:60px;border-radius:18px;overflow:hidden;display:grid;place-items:center;
  background:linear-gradient(135deg,#7457f6,#ff6eac);color:#fff;font-size:22px;font-weight:800;text-decoration:none
}
.publisher-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.publisher-card__identity{min-width:0}
.publisher-card__identity h2{margin:0 0 4px!important;font-size:24px!important;letter-spacing:-.02em!important}
.publisher-card__identity p{margin:0;color:#777486;font-size:14px;line-height:1.5}
.publisher-status{align-self:start;display:inline-flex;align-items:center;gap:7px;color:#258c68;font-size:12px;font-weight:700;white-space:nowrap}
.publisher-status i{width:7px;height:7px;border-radius:50%;background:#39a979}
.publisher-bio{margin:17px 0 0!important;color:#575268!important;font-size:14px!important;line-height:1.65!important}
.publisher-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.publisher-tags span{padding:7px 10px;border-radius:10px;background:#f3f0ff;color:#654ce0;font-size:11px}
.publisher-contact{
  width:100%;min-height:50px;margin-top:18px;border:0;border-radius:16px;background:#211b34;color:#fff;
  font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:transform .18s ease,background-color .18s ease
}
.publisher-contact:hover{background:#30264c}.publisher-contact:active{transform:translateY(1px) scale(.995)}
.publisher-contact:focus-visible{outline:3px solid rgba(116,87,246,.3);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.project-images-empty{grid-column:1/-1;min-height:260px;display:grid;place-items:center;padding:32px;border:1px dashed #d9d0f7;border-radius:24px;background:#faf9ff;color:#918c9f;font-size:14px;text-align:center}

@media(max-width:700px){
  .publisher-card{padding:20px;border-radius:24px}
  .publisher-card__head{grid-template-columns:56px minmax(0,1fr);gap:12px}
  .publisher-avatar{width:56px;height:56px;border-radius:17px}
  .publisher-status{grid-column:1/-1;justify-self:start;margin-top:2px}
  .publisher-card__identity h2{font-size:22px!important}
  .publisher-card__identity p,.publisher-bio{font-size:13px!important}
  .publisher-contact{width:100%}
}
+
/* Project roadshow booking flow */
.btn-roadshow-booking{min-height:48px;padding:0 24px;border:0!important;border-radius:16px;background:#7457f6!important;color:#fff!important;font-weight:700;box-shadow:0 12px 26px rgba(116,87,246,.2);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}
.btn-roadshow-booking:hover{background:#6547ed!important;box-shadow:0 14px 30px rgba(116,87,246,.28);transform:translateY(-1px)}
.btn-roadshow-booking:active{transform:translateY(1px)}
.btn-roadshow-booking:focus-visible{outline:3px solid rgba(116,87,246,.3);outline-offset:3px}
.project-booking-modal{position:fixed;inset:0;z-index:1800;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
.project-booking-modal.open{opacity:1;visibility:visible}
.project-booking-backdrop{position:absolute;inset:0;background:rgba(23,21,43,.58);backdrop-filter:blur(12px)}
.project-booking-card{position:relative;width:min(720px,100%);max-height:min(860px,calc(100vh - 48px));overflow:auto;box-sizing:border-box;padding:34px;border:1px solid #e8e3f5;border-radius:28px;background:rgba(255,255,255,.97);color:#17152b;box-shadow:0 30px 90px rgba(23,21,43,.24)}
.project-booking-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border:0;border-radius:50%;background:#f3f0ff;color:#17152b;font-size:24px;cursor:pointer}
.booking-kicker{margin:0 54px 10px 0;color:#7457f6;font-size:12px;font-weight:800;letter-spacing:.18em}
.project-booking-card h2{margin:0 54px 10px 0;font-size:clamp(28px,4vw,38px)}
.booking-intro{margin:0 0 24px;color:#777486;line-height:1.7}
.project-booking-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.project-booking-field{display:grid;gap:8px}
.project-booking-field.wide{grid-column:1/-1}
.project-booking-field span{font-size:14px;font-weight:700}
.project-booking-field em{color:#7457f6;font-style:normal}
.project-booking-field input,.project-booking-field select,.project-booking-field textarea{width:100%;min-height:48px;box-sizing:border-box;border:1px solid #ddd7ed;border-radius:14px;background:#fff;padding:12px 14px;color:#17152b;font:inherit}
.project-booking-field textarea{min-height:112px;resize:vertical;line-height:1.55}
.project-booking-field input:focus,.project-booking-field select:focus,.project-booking-field textarea:focus{border-color:#7457f6;outline:3px solid rgba(116,87,246,.12)}
.booking-consent{display:flex;align-items:flex-start;gap:10px;margin:20px 0 12px;padding:14px 16px;border-radius:14px;background:#f7f5ff;color:#5f5b70;font-size:13px;line-height:1.6}
.booking-consent input{width:18px;height:18px;flex:0 0 auto;margin-top:2px;accent-color:#7457f6}
.booking-privacy{margin:0 0 18px;color:#8b8798;font-size:12px;line-height:1.6}
.booking-error{min-height:22px;margin:0 0 8px;color:#c53c5a;font-size:13px}
.project-booking-submit,.booking-done{width:100%;min-height:52px;border:0;border-radius:16px;background:#17152b;color:#fff;font:inherit;font-weight:750;cursor:pointer;transition:transform .15s ease,opacity .15s ease}
.project-booking-submit:active,.booking-done:active{transform:scale(.99)}
.project-booking-submit:disabled{cursor:wait;opacity:.62}
.booking-success{text-align:center;padding:24px 4px 4px}
.booking-success-mark{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 18px;border-radius:50%;background:#e9f8f1;color:#39a979;font-size:32px;font-weight:800}
.booking-success h2{margin:0 0 10px}
.booking-success>p{color:#777486;line-height:1.7}
.booking-success-summary{margin:22px 0;padding:18px;border:1px solid #e8e3f5;border-radius:18px;background:#faf9ff;text-align:left}
.booking-success-summary p{display:flex;justify-content:space-between;gap:20px;margin:8px 0}
.booking-success-summary span{color:#777486}
.booking-mode-note{margin:0 0 20px;padding:12px 14px;border-radius:12px;background:#fff7df;color:#725919!important;font-size:12px;text-align:left}
.project-booking-fields>label{display:grid;gap:8px;font-size:14px;font-weight:700}
.project-booking-fields>label.wide{grid-column:1/-1}
.project-booking-fields>label>span{color:#8b8798;font-size:11px;font-weight:500}
.project-booking-fields>label>b{color:#7457f6;font-size:11px}
.project-booking-error{min-height:22px;margin:0 0 8px;color:#c53c5a;font-size:13px}
.booking-summary{display:grid;gap:10px;margin:22px 0;padding:18px;border:1px solid #e8e3f5;border-radius:18px;background:#faf9ff;text-align:left}
.booking-summary div{display:flex;justify-content:space-between;gap:20px}
.booking-summary dt{color:#777486}
.booking-summary dd{margin:0;font-weight:700;text-align:right}
.project-booking-done{width:100%;min-height:52px;border:0;border-radius:16px;background:#17152b;color:#fff;font:inherit;font-weight:750;cursor:pointer}
.booking-compact-card{width:min(540px,100%);padding:42px;text-align:center}
.booking-compact-card .booking-kicker,.booking-compact-card h2{margin-right:0}
.booking-compact-card .booking-intro{margin-bottom:0}
.booking-loading-mark,.booking-error-mark{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 20px;border-radius:50%}
.booking-loading-mark{background:#f3f0ff}
.booking-loading-mark i{width:28px;height:28px;border:3px solid #d9d1ff;border-top-color:#7457f6;border-radius:50%;animation:booking-spin .75s linear infinite}
.booking-error-mark{background:#fff0f3;color:#c53c5a;font-size:28px;font-weight:800}
.booking-mode-note.is-remote{background:#e9f8f1;color:#287d5e!important}
@keyframes booking-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){
.project-booking-modal{align-items:end;padding:0}
.project-booking-card{width:100%;max-height:92dvh;padding:26px 18px calc(22px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}
.project-booking-close{top:14px;right:14px}
.project-booking-fields{grid-template-columns:1fr;gap:14px}
.project-booking-field.wide{grid-column:auto}
.project-booking-fields>label.wide{grid-column:auto}
.detail-actions .btn-roadshow-booking{width:100%}
.booking-success-summary p{display:grid;gap:3px}
.booking-summary div{display:grid;gap:3px}
.booking-summary dd{text-align:left}
.booking-compact-card{padding:38px 22px calc(30px + env(safe-area-inset-bottom))}
}

/* Keep the four primary destinations available on project pages at mobile sizes. */
@media(max-width:700px){
  .topbar{height:auto;min-height:64px;box-sizing:border-box;flex-wrap:wrap;padding:0 16px}
  .topbar>.official-brand{margin-right:0}
  .topnav{display:flex;order:3;width:100%;height:44px;justify-content:space-between;gap:14px;overflow-x:auto;font-size:12px;scrollbar-width:none}
  .topnav::-webkit-scrollbar{display:none}
  .topnav a{flex:0 0 auto}
  .topnav a.active:after{height:2px}
}

/* ===== 2026-09 项目详情页视觉重构：信息卡 / 主视觉 / 发布者三层结构 ===== */
/* 桌面端左右双栏：信息卡 0.72fr，主视觉 1.28fr（主视觉为第一焦点） */
.detail-grid{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(32px,4vw,64px);align-items:stretch}

/* 桌面端：发布人窄栏在左，项目介绍宽栏在右 */
@media(min-width:1001px){
  .detail-grid{grid-template-columns:minmax(240px,.62fr) minmax(0,1.38fr)}
  .publisher-card{grid-column:1;grid-row:1}
  .project-info-card{grid-column:2;grid-row:1}
}

/* 项目基础信息卡：独立浅色卡片，文字不再叠加在视觉之上 */
.project-info-card{
  background:#fff;border:1px solid #e8e3f5;border-radius:28px;
  padding:clamp(24px,3vw,40px);box-shadow:0 16px 40px rgba(43,34,76,.06);
  display:flex;flex-direction:column;justify-content:center;align-self:stretch;min-width:0
}
.project-info-card .detail-logo{margin-bottom:16px}
.project-info-card .state-row{margin-top:0}
.project-info-card h1{margin:14px 0 10px}
.state-published{color:#2f9c74;background:#e9f7f0;border-color:transparent}
.state-delivered{color:#654ce0;background:#f3f0ff;border-color:transparent}
.project-tagline{margin:0!important;color:#777486!important;font-size:16px!important;line-height:1.8!important}
.project-demo-note{
  margin:16px 0 0!important;padding:10px 14px;border:1px dashed #e0d9f5;border-radius:12px;
  background:#faf9ff;color:#918c9f;font-size:12px!important;line-height:1.7!important
}
.detail-actions{margin-top:auto;padding-top:24px}
.btn-visit-product{
  min-height:48px;padding:0 22px;border:1px solid #e8e3f5!important;border-radius:16px;
  background:#fff!important;color:#211b34!important;font-weight:700;cursor:pointer;
  transition:border-color .18s ease,background-color .18s ease
}
.btn-visit-product:hover{border-color:#c9bffa!important;background:#f7f4ff!important}
.btn-visit-product:focus-visible,.publisher-profile-link:focus-visible,.publisher-contact:focus-visible{outline:3px solid rgba(116,87,246,.3);outline-offset:3px}

/* 项目发布者卡片：移至主视觉下方，独立全宽白卡 */
.publisher-card{
  margin-top:0;padding:clamp(24px,3vw,40px);
  border:1px solid #e8e3f5;border-radius:24px;background:#fff;
  box-shadow:0 16px 40px rgba(43,34,76,.06);backdrop-filter:none;align-self:stretch;display:flex;flex-direction:column;min-width:0
}
.publisher-card__head{grid-template-columns:60px minmax(0,1fr);align-items:start;gap:14px}
.publisher-card__identity{padding-top:1px;min-width:0}
.publisher-card__identity h2{white-space:nowrap;overflow:visible}
.publisher-card__identity p{white-space:normal;overflow:visible;word-break:keep-all}
.publisher-status{grid-column:2;grid-row:2;justify-self:start;margin-top:2px}
.publisher-actions{margin-top:auto;padding-top:24px}
.publisher-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.publisher-profile-link{
  display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;
  border:1px solid #d9d0f7;border-radius:16px;background:#f3f0ff;color:#654ce0;
  font-size:14px;font-weight:800;text-decoration:none;
  transition:background-color .18s ease,border-color .18s ease
}
.publisher-profile-link:hover{background:#e9e3ff;border-color:#c9bffa}
.publisher-contact{width:auto;min-width:180px;flex:0 0 auto}
.profile-panel > .btn[data-action="交流预约申请已提交"]{display:none!important}
.creator-layout .portfolio-panel[style*="margin-top:20px"]{display:none!important}
.creator-messages-panel{margin:0;padding:42px clamp(20px,7vw,110px) 72px;background:#fbfaff;border-top:1px solid #eeeaf6}
.creator-profile .detail-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.creator-profile .creator-message-link,.creator-profile .creator-edit-link{min-width:92px}
.creator-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:24px}
.creator-edit-modal{position:fixed;inset:0;z-index:2100;display:grid;place-items:center;padding:20px;background:rgba(23,21,43,.48);backdrop-filter:blur(9px)}
.creator-edit-modal[hidden]{display:none}
.creator-edit-card{position:relative;width:min(620px,100%);max-height:90vh;overflow:auto;padding:32px;border:1px solid #e8e3f5;border-radius:26px;background:#fff;box-shadow:0 28px 90px rgba(31,25,61,.25)}
.creator-edit-card h2{margin:8px 0 5px;font-size:30px}.creator-edit-note{margin:0 0 22px;color:#918c9f;font-size:13px}.creator-edit-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:#f1eef8;color:#302943;font-size:21px}.creator-edit-form{display:grid;gap:14px}.creator-edit-form label{display:grid;gap:7px;color:#302943;font-size:13px;font-weight:700}.creator-edit-form input,.creator-edit-form textarea{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid #e0daee;border-radius:13px;background:#fff;color:#17152b;font:inherit;outline:0}.creator-edit-form textarea{min-height:92px;resize:vertical;line-height:1.6}.creator-edit-form input:focus,.creator-edit-form textarea:focus{border-color:#7457f6;box-shadow:0 0 0 3px rgba(116,87,246,.1)}.creator-edit-form small{color:#918c9f;font-size:11px;font-weight:400}.creator-edit-save{width:100%;min-height:48px;margin-top:5px}
.creator-messages-inner{max-width:860px;margin:0 auto;padding:28px 30px;border:1px solid #e8e3f5;border-radius:24px;background:#fff;box-shadow:0 14px 40px rgba(70,51,128,.07)}
.creator-messages-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.creator-messages-header h2{margin:6px 0 5px;font-size:30px;color:#17152b}.creator-messages-header p{margin:0;color:#918c9f;font-size:13px}.creator-messages-close,.creator-message-back{border:0;background:#f3f0f8;color:#514a60;border-radius:12px;padding:9px 13px;cursor:pointer}.creator-message-back{background:transparent;padding:0;color:#7457f6;font-size:13px}
.creator-message-tabs{display:flex;gap:8px;margin:28px 0 8px;border-bottom:1px solid #eeeaf6}.creator-message-tabs button{border:0;background:transparent;color:#918c9f;padding:10px 13px;cursor:pointer;font:inherit;font-size:13px}.creator-message-tabs button.is-active{color:#17152b;font-weight:800;border-bottom:2px solid #ff6eac}
.creator-message-list{display:flex;flex-direction:column}.creator-message-row{display:flex;align-items:center;gap:14px;width:100%;padding:18px 4px;border:0;border-bottom:1px solid #f0edf5;background:#fff;text-align:left;cursor:pointer}.creator-message-row:hover{background:#faf8ff}.creator-message-avatar{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,#8be8d0,#7457f6);color:#fff;font-weight:800;font-size:18px}.creator-message-copy{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.creator-message-copy strong{color:#211b34;font-size:15px}.creator-message-copy small{overflow:hidden;color:#918c9f;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.creator-message-meta{display:flex;flex-direction:column;align-items:flex-end;gap:7px;color:#aaa4b3;font-size:11px}.creator-message-meta b{min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:99px;background:#ff5d78;color:#fff;font-size:11px}.creator-message-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:60px 20px;color:#918c9f}.creator-message-empty strong{color:#514a60}.creator-conversation-body{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow:auto;padding:24px 4px}.creator-message-bubble{align-self:flex-start;max-width:78%;padding:11px 14px;border-radius:16px 16px 16px 5px;background:#f3f0ff;color:#514a60;font-size:13px;line-height:1.6}.creator-message-bubble.is-sent{align-self:flex-end;border-radius:16px 16px 5px 16px;background:#7457f6;color:#fff}.creator-message-bubble small{display:block;margin-top:4px;opacity:.65;font-size:10px}.creator-reply-form{display:flex;gap:10px;border-top:1px solid #eeeaf6;padding-top:18px}.creator-reply-form textarea{flex:1;min-height:44px;max-height:110px;padding:12px;border:1px solid #e0daee;border-radius:13px;resize:vertical;font:inherit}.creator-reply-form button{min-width:84px}
@media(max-width:700px){.creator-messages-panel{padding:24px 14px 45px}.creator-messages-inner{padding:22px 17px;border-radius:20px}.creator-messages-header h2{font-size:25px}.creator-message-row{padding:15px 0}.creator-message-copy small{max-width:185px}.creator-reply-form{align-items:stretch;flex-direction:column}.creator-reply-form button{height:44px}}
.message-composer-modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:20px;background:rgba(23,21,43,.46);backdrop-filter:blur(8px)}
.message-composer-card{width:min(520px,100%);padding:30px;border:1px solid #e8e3f5;border-radius:24px;background:#fff;box-shadow:0 24px 80px rgba(31,25,61,.22);position:relative}
.message-composer-card h2{margin:8px 0 4px;font-size:28px}.message-composer-role{margin:0 0 18px;color:#777486;font-size:13px}.message-composer-card textarea{width:100%;height:130px;padding:13px;border:1px solid #e0daee;border-radius:14px;resize:vertical;font:inherit;outline:0}.message-composer-card textarea:focus{border-color:#7457f6;box-shadow:0 0 0 3px rgba(116,87,246,.1)}.message-composer-send{width:100%;margin-top:14px}.message-composer-close{position:absolute;right:16px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:#f0edf7;font-size:20px}

/* 平板端：窄屏改单列（信息卡 → 主视觉 → 发布者） */
@media(max-width:1000px){
  .detail-grid{grid-template-columns:1fr;gap:24px}
  .publisher-card,.project-info-card{grid-column:auto;grid-row:auto}
  .project-info-card{justify-content:flex-start}
  .detail-actions{margin-top:24px;padding-top:0}
}

/* 手机端：单列排版，按钮全宽、图片区自适应高度 */
@media(max-width:767px){
  .project-info-card{padding:22px 18px;border-radius:22px}
  .project-info-card h1{font-size:40px!important;letter-spacing:-2px!important}
  .publisher-card{padding:20px;border-radius:22px}
  .publisher-actions{flex-direction:column}
  .publisher-actions>*{width:100%}
  .publisher-contact{min-width:0}
  .detail-actions .btn{flex:1;min-width:0}
  .showcase-stage{min-height:auto}
}

/* ===== 2026-09 产品展示区简约重设计：单列纵排 / 自然尺寸 / 文字背景纯净 ===== */
/* 顶部文字区域：去掉彩色渐变背景，文字后面不放任何图片 */
.detail-hero{background:transparent}
body[data-project="haptic"] .detail-hero,
body[data-project="mood-store"] .detail-hero{background:transparent}
/* 产品展示：有序向下单列排列，每张卡片间隔明显距离 */
.project-shot-grid{display:flex;flex-direction:column;gap:clamp(28px,4vw,44px)}
.project-shot,
.project-shot.shot-wide{
  height:auto;min-height:0;grid-column:auto;width:100%;max-width:1080px;margin:0 auto;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;
  padding:clamp(32px,5vw,56px);
  background:#fff;border:1px solid #e8e3f5;border-radius:24px;color:#242033;
  box-shadow:0 10px 30px rgba(43,34,76,.05);overflow:visible;text-align:center;
  transition:transform .25s ease,box-shadow .25s ease;position:relative
}
/* 支持真实上传图片：按原始尺寸完整显示，不压缩不变形 */
.project-shot img{display:block;max-width:100%;height:auto;object-fit:contain;object-position:center;border-radius:12px}
.project-shot:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(76,55,130,.1)}
/* 统一覆盖旧糖果色渐变与项目主题背景 */
.project-shot.shot-chat,
.project-shot.shot-cards,
.project-shot.shot-mobile,
.project-shot.shot-memory,
body[data-project="haptic"] .project-shot.shot-chat,
body[data-project="haptic"] .project-shot.shot-memory,
body[data-project="mood-store"] .project-shot.shot-chat,
body[data-project="mood-store"] .project-shot.shot-memory{background:#fff;color:#242033}
/* 卡片统一结构：顶部小标签 → 中部预览 → 底部标题 */
.shot-card-label{font-size:10px;font-weight:800;letter-spacing:2.4px;color:#918c9f}
.shot-card-title{font-size:17px;font-weight:800;color:#17152b}
/* 对话预览：浅底气泡，文字清晰，自然宽度 */
.chat-preview{display:flex;flex-direction:column;gap:12px;width:100%;max-width:560px}
.bubble{padding:13px 16px;border-radius:14px;font-size:12.5px;line-height:1.65;text-align:left}
.bubble-ai{display:flex;gap:9px;background:#f3f0ff;color:#4a3f63;border:1px solid #e4dcfa}
.bubble-ai i{color:#7457f6;font-style:normal}
.bubble-user{align-self:flex-end;background:#7457f6;color:#fff}
/* 灵感海报：柔和色块，流式排布不裁切，按自然尺寸显示 */
.poster-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.mini-card{width:92px;height:124px;border-radius:14px;display:flex;align-items:flex-end;padding:11px;color:#fff;font-size:9px;font-weight:800;box-shadow:0 12px 26px rgba(43,34,76,.14)}
.poster-light{background:linear-gradient(160deg,#8b78e8,#5b4bc4)}
.poster-rain{background:linear-gradient(160deg,#6fb5e8,#3d7ab0)}
.poster-city{background:linear-gradient(160deg,#f08aa8,#c05a7d)}
/* 手机线框：白底居中，按自然尺寸完整显示 */
.shot-mobile .phone-frame{margin:0;border:7px solid #211b34;background:#fff;box-shadow:0 16px 36px rgba(43,34,76,.14)}
/* 灵感记忆词云：流式布局，不裁切（提高特异性覆盖旧的固定高度样式） */
.project-shot .memory-cloud,
.project-shot.shot-memory .memory-cloud{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;height:auto;position:static;max-width:400px}
.project-shot .memory-cloud span{position:static;padding:10px 16px;border-radius:99px;background:#f3f0ff;color:#654ce0;font-size:12px;font-weight:700;box-shadow:none}
/* 手机端：单列自然延续，内容完整不截断 */
@media(max-width:700px){
  .project-shot,.project-shot.shot-wide{min-height:0;padding:24px 18px;border-radius:20px;height:auto}
  .project-shot .memory-cloud,.project-shot.shot-memory .memory-cloud{height:auto;max-width:none}
  .mini-card{width:78px;height:106px}
  .chat-preview{max-width:none}
}