:root{--ink:#171a17;--muted:#74776f;--paper:#f8f5ef;--line:rgba(255,255,255,.55);--glass:rgba(255,255,255,.52);--moss:#3f5f4d;--gold:#bd8f37;--coral:#e75956;--shadow:0 24px 70px rgba(46,39,31,.16)}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 8%,rgba(231,89,86,.14),transparent 28%),radial-gradient(circle at 86% 10%,rgba(63,95,77,.16),transparent 26%),linear-gradient(135deg,#f7f1e9,#ded2c1 52%,#f3eee6)}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.glass{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(255,255,255,.28));box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 18px 46px rgba(70,62,52,.14);backdrop-filter:blur(22px) saturate(1.25)}
.fade-page .pc-shell,.fade-page .detail-shell,.fade-page .form-shell,.fade-page .member-shell,.fade-page .auth-card{opacity:0;transform:translateY(18px);filter:blur(8px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.8,.2,1),filter .72s ease}
.fade-page.page-ready .pc-shell,.fade-page.page-ready .detail-shell,.fade-page.page-ready .form-shell,.fade-page.page-ready .member-shell,.fade-page.page-ready .auth-card{opacity:1;transform:translateY(0);filter:blur(0)}
.pc-nav,.simple-nav{position:sticky;top:16px;z-index:20;display:flex;align-items:center;gap:16px;width:min(1320px,calc(100% - 40px));min-height:72px;margin:16px auto 0;padding:12px 16px;border-radius:24px}
.simple-nav{justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;font-weight:900}
.brand span{display:grid;width:40px;height:40px;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--moss),var(--gold));box-shadow:0 12px 28px rgba(63,95,77,.24)}
.brand.center{justify-content:center}
.search{display:flex;align-items:center;gap:10px;flex:1;height:46px;padding:0 15px;border-radius:18px;background:rgba(255,255,255,.44)}
.search span,.phone-search span{width:16px;height:16px;border:2px solid #687065;border-radius:50%;position:relative;flex:0 0 auto}
.search span:after,.phone-search span:after{content:"";position:absolute;right:-5px;bottom:-4px;width:7px;height:2px;border-radius:999px;background:#687065;transform:rotate(45deg)}
.search input,.phone-search input{width:100%;border:0;outline:0;background:transparent}
.pc-nav nav{display:flex;gap:4px;max-width:520px;overflow:hidden}.pc-nav nav a{padding:10px 8px;color:#4a4e47;font-size:14px;font-weight:800}
.pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:0;border-radius:16px;color:#3f5f4d;background:rgba(255,255,255,.58);font-weight:900;cursor:pointer}
.pill.dark{color:#fff;background:#171a17;box-shadow:0 16px 36px rgba(23,26,23,.2)}.pill.wide{width:100%}
.pc-shell{width:min(1320px,calc(100% - 40px));margin:44px auto 70px}.pc-shell.narrow{max-width:1180px}
.pc-hero{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(560px,1.1fr);gap:44px;align-items:center}
.eyebrow{margin:0 0 14px;color:var(--moss);font-weight:900;letter-spacing:0}
.hero-copy h1,.page-title h1{margin:0;font-size:clamp(42px,5vw,72px);line-height:1.05;letter-spacing:0}
.hero-copy p{max-width:620px;color:#5f625b;font-size:18px;line-height:1.8}.hero-actions{display:flex;gap:12px;margin-top:28px}
.hero-board{display:grid;grid-template-columns:1fr 210px;gap:16px}.hero-main-img,.hero-stack img{width:100%;height:100%;object-fit:cover;display:block;border-radius:28px;box-shadow:var(--shadow)}
.hero-main-img{min-height:520px}.hero-stack{display:grid;gap:16px}.hero-stack img{height:162px;border-radius:22px}
.info-band{display:grid;grid-template-columns:1fr auto auto auto;gap:18px;align-items:center;margin:38px 0 52px;padding:20px 24px;border-radius:26px;color:#5f625b}.info-band strong{color:#171a17}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:38px 0 18px}.section-head h2{margin:0;font-size:32px}.section-head p{max-width:520px;margin:0;color:var(--muted);line-height:1.65;text-align:right}
.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.industry-card{min-height:118px;padding:20px;border-radius:22px}.industry-card strong,.industry-card span{display:block}.industry-card strong{font-size:20px}.industry-card span{margin-top:10px;color:var(--muted);line-height:1.5}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{min-height:250px;padding:24px;border-radius:26px}.service-card span{display:grid;width:46px;height:46px;place-items:center;border-radius:16px;color:#fff;background:#171a17;font-weight:900}.service-card h3{margin:20px 0 10px;font-size:26px;line-height:1.18}.service-card p{min-height:82px;margin:0;color:#5f625b;line-height:1.7}.service-card strong{display:inline-flex;margin-top:22px;color:#3f5f4d;font-weight:900}.service-submit-shell{grid-template-columns:minmax(360px,480px) minmax(420px,620px)}.service-brief{position:sticky;top:110px;padding:32px;border-radius:30px}.service-brief h1{margin:0 0 16px;font-size:42px;line-height:1.12}.service-brief p{color:#5f625b;line-height:1.85}.workflow-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.workflow-list span{padding:14px;border-radius:16px;background:rgba(255,255,255,.58);font-weight:900;color:#3f5f4d}.business-form h1{font-size:32px}
.template-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.template-card{overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(43,35,28,.12)}.template-card img{width:100%;height:230px;object-fit:cover;display:block}.template-card div{padding:13px}.template-card strong,.template-card span{display:block}.template-card span{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.45}
.page-title{margin:20px 0 16px}.page-title p{margin:0 0 8px;color:var(--moss);font-weight:900}.sub-tabs{display:flex;gap:10px;overflow:auto;margin:0 0 20px}.sub-tabs a{padding:10px 15px;border-radius:999px;background:rgba(255,255,255,.62);font-weight:900;color:#4a4e47}.sub-tabs a.active{color:#fff;background:#171a17}.child-tabs{margin-top:-8px}.empty-state{grid-column:1/-1;padding:24px;border-radius:18px;color:#5f625b;font-weight:900;text-align:center}
.detail-shell{display:grid;grid-template-columns:minmax(360px,560px) minmax(360px,1fr);gap:34px;width:min(1120px,calc(100% - 40px));margin:52px auto}.detail-preview img{width:100%;max-height:76vh;object-fit:cover;border-radius:26px;box-shadow:var(--shadow)}.detail-info{align-self:start;padding:34px;border-radius:28px}.detail-info h1{margin:0;font-size:42px}.detail-info p{color:var(--muted);line-height:1.8}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.scenario-grid span{padding:14px;border-radius:16px;background:rgba(255,255,255,.55);font-weight:900}
.auth-page{display:grid;place-items:center;padding:24px}.auth-card{width:min(460px,calc(100% - 28px));padding:32px;border-radius:30px}.auth-card h1{margin:24px 0 8px;text-align:center}.auth-card p{text-align:center;color:var(--muted);line-height:1.6}.auth-card input{width:100%;height:50px;margin-top:12px;border:0;outline:0;border-radius:16px;padding:0 15px;background:rgba(255,255,255,.68)}
.submit-shell{display:grid;grid-template-columns:minmax(360px,520px) minmax(380px,560px);gap:24px;align-items:start;width:min(1120px,calc(100% - 32px));margin:50px auto 70px}.template-preview{position:sticky;top:110px;padding:22px;border-radius:30px}.template-preview h2,.mobile-template-preview h2{margin:0 0 16px;font-size:24px;line-height:1.25}.marked-poster{position:relative;overflow:hidden;border-radius:24px;background:#fff;box-shadow:var(--shadow)}.marked-poster img{display:block;width:100%;max-height:68vh;object-fit:cover}.mark-pin{position:absolute;display:grid;gap:3px;max-width:170px;padding:8px 10px;border-radius:15px;color:#171a17;background:rgba(255,255,255,.84);box-shadow:0 12px 26px rgba(28,24,20,.18);backdrop-filter:blur(12px);font-size:12px;line-height:1.3}.mark-pin:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#e75956;box-shadow:0 0 0 4px rgba(231,89,86,.18)}.mark-pin b{font-size:12px}.mark-pin em{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#5f625b;font-style:normal;font-weight:800}.mark-pin.product{left:35%;top:38%}.mark-pin.product:before{left:-15px;top:50%}.mark-pin.title{left:8%;top:11%}.mark-pin.title:before{right:-15px;top:50%}.mark-pin.price{right:6%;top:48%}.mark-pin.price:before{left:-15px;top:50%}.mark-pin.shop{left:8%;bottom:14%}.mark-pin.shop:before{right:-15px;top:50%}.mark-pin.desc{right:7%;bottom:12%}.mark-pin.desc:before{left:-15px;top:50%}
.form-shell{width:min(760px,calc(100% - 28px));margin:50px auto}.poster-form{padding:30px;border-radius:30px}.poster-form h1{margin:0 0 18px;font-size:34px}.poster-form label{display:grid;gap:7px;margin:13px 0;color:#4f554d;font-weight:900}.poster-form input,.poster-form select,.poster-form textarea{width:100%;border:0;outline:0;border-radius:16px;padding:0 14px;background:rgba(255,255,255,.72)}.poster-form input,.poster-form select{height:48px}.poster-form textarea{min-height:110px;padding-top:12px;resize:vertical}.poster-form small,.form-msg{display:block;margin-top:8px;color:var(--muted);font-style:normal}.form-msg.ok{color:#2d7b46}.form-msg:not(.ok),.field-error{color:#b23b34}.field-error{display:block;font-style:normal;font-size:13px}.field-invalid input,.field-invalid select,.field-invalid textarea,.field-invalid .upload-field{box-shadow:0 0 0 3px rgba(231,89,86,.2),inset 0 1px 0 rgba(255,255,255,.62)}.upload-field{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;height:48px;overflow:hidden;border-radius:16px;background:rgba(255,255,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.62);cursor:pointer}.upload-field input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 14px;color:#75786f;font-weight:800}.upload-button{display:grid;place-items:center;align-self:stretch;min-width:112px;padding:0 18px;color:#fff;background:#171a17;font-weight:900}.upload-field:focus-within{box-shadow:0 0 0 3px rgba(63,95,77,.18),inset 0 1px 0 rgba(255,255,255,.62)}
.member-shell{width:min(1180px,calc(100% - 30px));margin:48px auto}.member-card{padding:28px;border-radius:30px}.member-card p{margin:0;color:var(--moss);font-weight:900}.member-card h1{margin:6px 0;font-size:32px}.member-card strong{font-size:54px}.member-card span{display:block;color:var(--muted)}.member-actions{margin-top:18px}.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.pack-card{padding:22px;border-radius:24px}.pack-card h3{margin:0}.pack-card strong{display:block;margin:12px 0;font-size:32px}.pack-card button{width:100%;height:44px;border:0;border-radius:16px;color:#fff;background:#171a17;font-weight:900}.orders{padding:20px;border-radius:24px;overflow:auto}.orders table{width:100%;border-collapse:collapse}.orders th,.orders td{padding:13px;border-bottom:1px solid rgba(80,70,60,.12);text-align:left;white-space:nowrap}
.mobile-page{background:linear-gradient(180deg,#f8f6f2,#eee8dd)}.phone-shell{width:min(100%,430px);min-height:100vh;margin:0 auto;padding:12px 12px 88px;background:#f8f6f2}.phone-top{position:sticky;top:0;z-index:20;padding:8px 0 10px;background:rgba(248,246,242,.78);backdrop-filter:blur(18px)}.phone-search{display:grid;grid-template-columns:18px 1fr auto;gap:10px;align-items:center;height:46px;padding:0 12px;border-radius:23px}.phone-search button{border:0;border-radius:15px;padding:8px 11px;color:#fff;background:#171a17;font-size:12px;font-weight:900}
.channel-row{display:flex;gap:16px;overflow:auto;padding:14px 4px 8px}.channel-row a{flex:0 0 auto;color:#74776f;font-weight:900}.channel-row .active{color:#171a17;position:relative}.channel-row .active:after{content:"";position:absolute;left:50%;bottom:-8px;width:22px;height:3px;border-radius:999px;background:var(--coral);transform:translateX(-50%)}.sub-channel-row{gap:10px;padding-top:2px}.sub-channel-row a{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.62);font-size:12px}
.mobile-create{margin:8px 0 14px;padding:17px;border-radius:24px}.mobile-create h1{margin:0;font-size:24px;line-height:1.22}.mobile-create p{color:var(--muted);font-size:13px;line-height:1.55}.mobile-upload{display:flex;align-items:center;gap:12px;height:54px;padding:0 14px;border-radius:20px;background:#fff}.mobile-upload span{display:grid;width:34px;height:34px;place-items:center;border-radius:14px;color:#fff;background:#171a17;font-size:25px}
.mobile-service-list{display:grid;gap:10px;margin:0 0 14px}.mobile-service-list a{display:block;padding:14px;border-radius:20px}.mobile-service-list b{display:block;font-size:16px}.mobile-service-list span{display:block;margin-top:5px;color:#5f625b;font-size:12px;line-height:1.45}
.masonry{column-count:2;column-gap:10px}.note-card{break-inside:avoid;display:inline-block;width:100%;margin:0 0 10px;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(52,44,35,.08)}.note-card img{width:100%;display:block;object-fit:cover}.crop-sm img{height:148px}.crop-md img{height:196px}.crop-lg img{height:238px}.crop-xl img{height:286px}.note-body{padding:10px 11px 12px}.note-body strong{display:block;font-size:14px;line-height:1.35}.note-meta{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:12px}
.bottom-nav{position:fixed;left:50%;bottom:12px;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;width:min(406px,calc(100% - 24px));height:62px;padding:8px;border-radius:25px;transform:translateX(-50%)}.bottom-nav a{display:grid;place-items:center;border-radius:18px;color:#5f625b;font-size:12px;font-weight:900}.bottom-nav .active{color:#171a17;background:rgba(255,255,255,.58)}.bottom-nav .create{color:#fff;background:#171a17;font-size:24px}
.mobile-detail-card{overflow:hidden;border-radius:26px;background:rgba(255,255,255,.75)}.mobile-detail-card img{display:block;width:100%;max-height:58vh;object-fit:cover}.mobile-detail-card div{padding:16px}.mobile-detail-card h1{margin:0;font-size:24px;line-height:1.25}.mobile-detail-card p{color:var(--muted);line-height:1.55}.mobile-scene-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 84px}.mobile-scene-list span{padding:13px;border-radius:18px;background:#fff;font-size:12px;font-weight:900;box-shadow:0 10px 24px rgba(52,44,35,.07)}
.mobile-template-preview{margin:8px 0 12px;padding:14px;border-radius:24px}.mobile-template-preview h2{font-size:20px}.mobile-marked-poster{border-radius:20px}.mobile-marked-poster img{max-height:56vh}.mobile-marked-poster .mark-pin{max-width:112px;padding:6px 8px;border-radius:12px;font-size:10px}.mobile-marked-poster .mark-pin b{font-size:10px}.mobile-marked-poster .mark-pin em{-webkit-line-clamp:1}.mobile-form{display:grid;gap:13px;margin:8px 0 84px;padding:18px;border-radius:26px}.mobile-form h1{margin:0 0 4px;font-size:25px}.mobile-form p{margin:0;color:var(--muted);line-height:1.55}.mobile-form label{display:grid;gap:7px;color:#4f554d;font-size:13px;font-weight:900}.mobile-form input,.mobile-form select,.mobile-form textarea{width:100%;border:0;outline:0;border-radius:16px;background:#fff;padding:0 13px}.mobile-form input,.mobile-form select{height:44px}.mobile-form textarea{min-height:96px;padding-top:12px;resize:vertical}.mobile-form .upload-field{height:44px;background:#fff}.mobile-form .upload-button{min-width:96px;padding:0 14px}.mobile-form button,.mobile-submit-link{display:grid;place-items:center;width:100%;height:50px;border:0;border-radius:18px;color:#fff;background:#171a17;font-weight:900}.mobile-form small{color:var(--muted);font-size:12px}
.mobile-member-card{padding:18px;border-radius:26px}.mobile-member-card p{margin:0;color:var(--moss);font-weight:900}.mobile-member-card h1{margin:6px 0;font-size:24px}.mobile-member-card strong{display:block;font-size:48px}.mobile-member-card span{display:block;color:var(--muted);margin-bottom:12px}.mobile-pack-list{display:grid;gap:10px;margin:14px 0}.mobile-pack-list article{padding:16px;border-radius:22px;background:#fff;box-shadow:0 12px 28px rgba(52,44,35,.08)}.mobile-pack-list h3{margin:0}.mobile-pack-list strong{display:block;margin:8px 0;font-size:28px}.mobile-pack-list span{color:var(--muted);font-size:13px}.mobile-orders{margin-bottom:84px;padding:18px;border-radius:24px}.mobile-orders h2{margin:0 0 8px}.mobile-orders p{margin:0;color:var(--muted)}
.mobile-order-list{display:grid;gap:10px}.mobile-order-list article{padding:13px;border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 10px 22px rgba(52,44,35,.07)}.mobile-order-list article div{display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-order-list b{font-size:15px}.mobile-order-list span{padding:4px 8px;border-radius:999px;background:#171a17;color:#fff;font-size:11px;font-weight:900}.mobile-order-list p{margin:8px 0 5px!important;color:#171a17!important;font-weight:900;line-height:1.35}.mobile-order-list em,.mobile-order-list small{display:block;color:var(--muted);font-style:normal;font-size:12px;line-height:1.55}
.auth-layer{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:rgba(23,26,23,.46);backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}.auth-layer.show{opacity:1;visibility:visible;pointer-events:auto}.auth-panel{position:relative;width:min(460px,calc(100vw - 32px));padding:28px;border-radius:30px;background:rgba(255,255,255,.72)!important;opacity:0;transform:translateY(24px) scale(.96);transition:opacity .32s ease,transform .32s cubic-bezier(.2,.8,.2,1)}.auth-layer.show .auth-panel{opacity:1;transform:translateY(0) scale(1)}.auth-close{position:absolute;right:16px;top:16px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.58);color:#5f625b;font-size:22px;line-height:1;cursor:pointer}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 42px 22px 0}.auth-tabs button{height:42px;border:0;border-radius:16px;background:rgba(255,255,255,.58);color:#3f5f4d;font-weight:900;cursor:pointer}.auth-tabs button.active{color:#fff;background:#171a17}.auth-popup-form{display:none}.auth-popup-form.active{display:grid;gap:12px}.auth-popup-form h2{margin:0 0 8px;font-size:28px}.auth-popup-form input{width:100%;height:50px;border:0;outline:0;border-radius:17px;padding:0 15px;background:rgba(255,255,255,.7)}.auth-popup-form button{width:100%;height:52px;border:0;border-radius:18px;color:#fff;background:#171a17;font-weight:900;cursor:pointer}.auth-message{display:block;min-height:20px;margin-top:12px;color:var(--muted);font-style:normal}.auth-message.ok{color:#2d7b46}.auth-message.err{color:#b23b34}.captcha-row{display:grid;grid-template-columns:1fr 118px;gap:10px;align-items:center}.captcha-row .captcha-img{width:118px;height:42px;border-radius:14px;background:#fff;cursor:pointer;box-shadow:0 8px 18px rgba(52,44,35,.1)}.captcha-row input{text-transform:uppercase}
.notice-layer{position:fixed;inset:0;z-index:240;display:grid;place-items:center;padding:24px;background:rgba(23,26,23,.46);backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}.notice-layer.show{opacity:1;visibility:visible;pointer-events:auto}.notice-panel{position:relative;width:min(430px,calc(100vw - 32px));padding:30px;border-radius:30px;background:rgba(255,255,255,.78)!important;box-shadow:0 26px 80px rgba(23,26,23,.22);transform:translateY(0)}.notice-panel h2{margin:0 0 10px;font-size:30px}.notice-panel p:not(.eyebrow){margin:0;color:#5f625b;line-height:1.7}.notice-actions{margin-top:22px}.notice-close{position:absolute;right:16px;top:16px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.58);color:#5f625b;font-size:22px;line-height:1;cursor:pointer}.poster-form button[disabled],.mobile-form button[disabled]{opacity:.68;cursor:wait}
@media(max-width:980px){.pc-nav{width:calc(100% - 20px);flex-wrap:wrap}.pc-nav nav{order:4;width:100%;max-width:none;overflow:auto}.pc-hero,.detail-shell,.submit-shell,.service-submit-shell{grid-template-columns:1fr}.template-preview,.service-brief{position:static}.hero-board{grid-template-columns:1fr}.hero-stack{display:none}.industry-grid{grid-template-columns:repeat(2,1fr)}.service-grid,.template-grid{grid-template-columns:repeat(2,1fr)}.info-band{grid-template-columns:1fr}.section-head{display:block}.section-head p{text-align:left;margin-top:8px}.pack-grid{grid-template-columns:1fr}.simple-nav{width:calc(100% - 20px)}}
@media(max-width:620px){.service-grid{grid-template-columns:1fr}.service-card p{min-height:0}.workflow-list{grid-template-columns:1fr}}

.detail-preview-board{display:grid;gap:14px;margin-top:22px}.detail-preview-card{overflow:hidden;border-radius:22px;background:rgba(255,255,255,.62);box-shadow:0 16px 34px rgba(52,44,35,.1)}.detail-preview-card div{display:grid;gap:4px;padding:13px 14px}.detail-preview-card b{font-size:15px}.detail-preview-card span{color:#687065;font-size:12px;line-height:1.45}.detail-preview-card>img{display:block;width:100%;height:220px;object-fit:cover}.upload-image-preview{display:grid;place-items:center;min-height:220px;margin:0;background:rgba(255,255,255,.48);position:relative;overflow:hidden}.upload-image-preview img{display:none;width:100%;height:100%;min-height:220px;object-fit:cover}.upload-image-preview.has-image img{display:block}.upload-image-preview figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.84);color:#5f625b;font-size:12px;font-weight:900;text-align:center;backdrop-filter:blur(10px)}.upload-image-preview:not(.has-image):before{content:"+";display:grid;place-items:center;width:54px;height:54px;border-radius:20px;background:#171a17;color:#fff;font-size:34px;font-weight:900}.mobile-detail-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-detail-preview-grid article{overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 10px 22px rgba(52,44,35,.08)}.mobile-detail-preview-grid b{display:block;padding:9px 10px;font-size:12px}.mobile-detail-preview-grid img{display:block;width:100%;height:150px;object-fit:cover}.mobile-detail-preview-grid .upload-image-preview{min-height:150px}.mobile-detail-preview-grid .upload-image-preview img{height:150px;min-height:150px}.mobile-detail-preview-grid .upload-image-preview figcaption{font-size:10px;left:7px;right:7px;bottom:7px;padding:6px}.ecommerce-mobile-preview{margin-bottom:12px}
/* ecommerce preview fix 2026080602 */
.service-submit-shell{grid-template-columns:minmax(360px,500px) minmax(420px,580px);align-items:start}.ecommerce-preview-panel{max-height:none;overflow:visible}.detail-preview-board{display:grid!important;grid-template-columns:1fr;gap:14px;margin-top:20px}.detail-preview-card{overflow:hidden;border-radius:22px;background:rgba(255,255,255,.7);box-shadow:0 16px 34px rgba(52,44,35,.1)}.detail-preview-card div{display:grid;gap:4px;padding:13px 14px}.detail-preview-card b{font-size:15px}.detail-preview-card span{color:#687065;font-size:12px;line-height:1.45}.detail-preview-card>img{display:block!important;width:100%!important;height:280px!important;max-height:280px!important;object-fit:cover!important}.upload-preview-card .upload-image-preview{height:240px;min-height:240px}.upload-image-preview{display:grid;place-items:center;margin:0;background:rgba(255,255,255,.48);position:relative;overflow:hidden}.upload-image-preview img{display:none;width:100%!important;height:100%!important;object-fit:contain!important;background:#fff}.upload-image-preview.has-image img{display:block}.upload-image-preview figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.86);color:#5f625b;font-size:12px;font-weight:900;text-align:center;backdrop-filter:blur(10px)}.upload-image-preview:not(.has-image):before{content:"+";display:grid;place-items:center;width:54px;height:54px;border-radius:20px;background:#171a17;color:#fff;font-size:34px;font-weight:900}.business-form{position:relative;z-index:2}.mobile-detail-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-detail-preview-grid article{overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 10px 22px rgba(52,44,35,.08)}.mobile-detail-preview-grid b{display:block;padding:9px 10px;font-size:12px}.mobile-detail-preview-grid img{display:block;width:100%!important;height:150px!important;object-fit:cover}.mobile-detail-preview-grid .upload-image-preview{height:150px;min-height:150px}.mobile-detail-preview-grid .upload-image-preview img{height:150px!important;min-height:150px}.mobile-detail-preview-grid .upload-image-preview figcaption{font-size:10px;left:7px;right:7px;bottom:7px;padding:6px}.ecommerce-mobile-preview{margin-bottom:12px}
@media(max-width:980px){.service-submit-shell{grid-template-columns:1fr}.detail-preview-card>img{height:220px!important;max-height:220px!important}.upload-preview-card .upload-image-preview{height:190px;min-height:190px}}