
/* 禁止页面缩放和乱滑 */
html, body {
  touch-action: manipulation;
  overscroll-behavior: none;
  -webkit-user-select: none;
  user-select: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}
/* 福将 AI V4.0：纯前端可编辑高保真交互稿。禁止直接作为生产代码发布。 */
:root{--brand:#715FDC;--brand-deep:#5442C1;--brand-soft:#F0EDFF;--brand-border:#DED7FF;--ink:#24253A;--text:#404155;--muted:#8B8EA7;--bg:#F7F8FC;--surface:#FFF;--line:#EEEFF5;--green:#258F69;--orange:#F6A161;--shadow:0 12px 35px rgba(40,33,87,.055)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:#E8EAF4;color:var(--ink);font-size:15px;line-height:1.48}
button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:active,.click:active{transform:scale(.985)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #B6A5FF;outline-offset:2px}
.phone{max-width:430px;min-height:100dvh;margin:0 auto;background:var(--bg);box-shadow:0 8px 50px #3833541a;position:relative;overflow-x:hidden}
.header{background:rgba(255,255,255,.97);height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #F1F0F7;position:sticky;top:0;z-index:50;backdrop-filter:blur(15px)}
.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:880;letter-spacing:-.6px}.brand-mark{height:39px;width:39px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#A792FF,#6D5ADA);font-size:23px;font-weight:850;color:white;box-shadow:0 5px 14px #7462d824}
.hbadge{font-size:11px;background:#F2EFFF;color:#7562D2;border-radius:25px;padding:7px 10px;font-weight:760;white-space:nowrap}.hicon{border:none;background:#F1EFFF;height:37px;width:37px;border-radius:50%;color:var(--brand);display:grid;place-items:center}
.main{padding:20px 18px 140px;min-height:calc(100dvh - 68px)}.main.chatmain{padding-bottom:189px}.main.no-tabs{padding-bottom:30px}.text-muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:11px}.center{text-align:center}.fw{font-weight:800}.muted{color:var(--muted)}.txtbrand{color:var(--brand)}
.h1{font-size:25px;line-height:1.31;letter-spacing:-.65px;font-weight:880;margin:2px 0 0}.h2{font-size:21px;line-height:1.33;font-weight:850}.h3{font-size:17px;font-weight:840}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1px;color:var(--brand)}.section-row{margin:24px 0 13px;display:flex;align-items:center;justify-content:space-between;gap:9px}.section-row .h3{font-size:18px}.link{border:0;background:transparent;padding:7px 2px;color:var(--brand);font-size:12px;font-weight:750;text-decoration:none}.link.dark{color:var(--text)}
.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:12px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.gap6{gap:6px}.gap8{gap:8px}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt20{margin-top:20px}.mb8{margin-bottom:8px}.mb12{margin-bottom:12px}.nowrap{white-space:nowrap}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle;flex-shrink:0}.icon.lg{height:28px;width:28px}.icon.sm{width:17px;height:17px}.icon.xl{height:32px;width:32px}
.card{background:#FFF;border:1px solid #F0EFF7;border-radius:22px;box-shadow:var(--shadow)}.pad{padding:17px}.soft{background:var(--brand-soft)}.stroke{border:1px solid var(--brand-border)}.line{height:1px;background:var(--line);margin:12px 0}.hint{font-size:12px;color:#9291A9}.pill{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:50px;background:#FFF9;color:#6F57D4;font-size:11px;font-weight:800}.tag{display:inline-block;background:#F2EFFF;color:#7564CD;border-radius:7px;padding:3px 7px;font-size:10px;font-weight:750}.status{color:var(--green);font-size:12px;font-weight:730}
.btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;border-radius:15px;background:var(--brand);color:#FFF;border:0;font-weight:800;font-size:15px;box-shadow:0 6px 17px #6F5CDB22}.btn.full{width:100%}.btn.ghost{background:#FFF;color:var(--brand);box-shadow:none;border:1px solid var(--brand-border)}.btn.pale{background:#F0ECFF;color:var(--brand);box-shadow:none}.btn.tonal{background:rgba(255,255,255,.81);color:var(--brand);box-shadow:none}.btn.sm{min-height:39px;font-size:13px;padding:8px 12px;border-radius:11px}.btn:disabled{opacity:.45;cursor:not-allowed}
.back{border:0;background:transparent;display:flex;align-items:center;gap:5px;color:#76748F;font-weight:750;font-size:13px;padding:0 0 16px}.hero-home{padding:21px 16px 22px;min-height:220px;position:relative;overflow:hidden;border:1px solid #E3DDFC;border-radius:25px;background:linear-gradient(123deg,#F1EDFF 0%,#ECECFF 58%,#F9F7FF 100%);box-shadow:0 13px 25px #5b45ad0b}.hero-home:after{content:"";position:absolute;right:-95px;top:-90px;border-radius:50%;width:330px;height:330px;background:radial-gradient(circle,#C9BCFF88,transparent 70%)}.hero-content{width:66%;position:relative;z-index:2}.hero-home h1{font-weight:880;font-size:24px;line-height:1.28;letter-spacing:-.5px;margin:13px 0 9px}.hero-home .helper{color:#77769D;font-size:13px;line-height:1.65;max-width:175px;margin-bottom:16px}.hero-robot{position:absolute;bottom:3px;right:-10px;width:48%;height:196px;object-fit:contain;z-index:2;filter:drop-shadow(0 14px 12px #5345ab25)}
.welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.store-avatar{height:53px;width:53px;display:grid;place-items:center;background:#EAE5FF;border-radius:17px;font-size:25px}
.big-action{width:100%;border:0;border-radius:22px;padding:19px 16px 16px;min-height:162px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;gap:9px;background:#FFF;box-shadow:var(--shadow);border:1px solid #E9E2FF}.big-action .action-icon{height:51px;width:51px;border-radius:17px;display:grid;place-items:center;background:#F6F3FF}.big-action b{font-size:18px;font-weight:870;letter-spacing:-.2px}.big-action span{font-size:12px;color:#8584A1}.big-action.guide{background:linear-gradient(145deg,#6755D8 0%,#947DEB 100%);border:0;box-shadow:0 12px 26px #725ddc25;color:white}.big-action.guide .action-icon{background:#FFFFFF2B}.big-action.guide span{color:#E7E0FF}.big-action.wish{background:linear-gradient(149deg,#FFFFFF,#F3EEFF)}
.quick-tile{border:1px solid #EEEAF8;background:#FFF;border-radius:17px;min-height:85px;display:flex;gap:10px;align-items:center;padding:13px 11px;text-align:left}.quickicon{height:45px;width:45px;border-radius:15px;display:grid;place-items:center;background:#F2EDFF;color:var(--brand);flex-shrink:0}.quick-tile b{font-size:14px}.quick-tile .hint{font-size:11px;line-height:1.3;margin-top:4px}
.navbar{max-width:430px;position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;height:79px;z-index:70;display:flex;padding:6px 7px max(8px,env(safe-area-inset-bottom));border-top:1px solid #EEEDF4;background:#FFFE;box-shadow:0 -5px 16px #2E2A5C08;backdrop-filter:blur(12px)}.navitem{border:0;background:transparent;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#A0A0B1;gap:4px;font-size:11px;font-weight:760;min-height:61px}.navitem.active{color:var(--brand)}.navitem.active .navicon{background:#EFECFF}.navicon{width:34px;height:32px;display:grid;place-items:center;border-radius:11px}.navicon .icon{height:23px;width:23px}
.floatbot{position:fixed;bottom:90px;right:max(calc((100vw - 430px)/2 + 12px),12px);z-index:71;width:59px;height:61px;border:2px solid white;border-radius:22px 22px 13px 22px;background:#F0EAFF;box-shadow:0 7px 18px #6150BC50;padding:0;display:flex;align-items:center;justify-content:center}.floatbot img{height:56px;width:53px;object-fit:contain}
.guest-hero{border-radius:25px;background:linear-gradient(140deg,#705BD6,#9B82F1);padding:22px 19px;position:relative;min-height:193px;color:white;overflow:hidden}.guest-hero h1{font-size:26px;line-height:1.28;font-weight:880;margin:11px 0 8px;letter-spacing:-.5px;max-width:255px}.guest-hero p{font-size:13px;color:#F0EBFF;max-width:210px;margin:0 0 17px}.guest-hero img{height:160px;width:130px;object-fit:contain;position:absolute;right:-5px;bottom:-10px;filter:drop-shadow(0 8px 9px #4F35A522)}.guest-hero .btn{position:relative;z-index:2}.industry{border:1px solid #F0EFF6;background:white;border-radius:17px;min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}.industry .symbol{font-size:26px}.industry b{font-size:12px}
.art-tile{border:1px solid #EBE9F5;overflow:hidden;background:#FFF;border-radius:17px;text-align:left;padding:0}.art-cover{height:128px;padding:15px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.art-cover:before{content:"";position:absolute;width:130px;height:130px;border:20px solid #FFF2;border-radius:100px;right:-20px;top:-15px}.art-cover b{font-size:18px;color:white;font-weight:900;line-height:1.19;text-shadow:0 2px 12px #16111a44;position:relative}.art-cover small{font-size:10px;color:#FFFE;position:relative;margin-top:6px;letter-spacing:1px}.art-cover.food{background:linear-gradient(145deg,#5D1524,#B34045 70%,#F19F72)}.art-cover.poster{background:linear-gradient(135deg,#1C756B,#6CA9A0 75%,#CAE4CB)}.art-cover.video{background:linear-gradient(145deg,#1F284F,#6E67A8 75%,#ADA3E1)}.art-cover.beauty{background:linear-gradient(145deg,#C67881,#E8AFB6)}.art-footer{padding:11px 12px}.art-footer b{display:block;font-size:13px}.art-footer span{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.top-head{margin-bottom:18px}.top-head .description{font-size:13px;color:var(--muted);margin-top:7px;line-height:1.6}.selector{display:flex;gap:8px;overflow-x:auto;padding:2px 0 5px;scrollbar-width:none}.selector::-webkit-scrollbar{display:none}.chip{white-space:nowrap;flex-shrink:0;border:1px solid #E5E2F1;background:white;color:#74718C;border-radius:25px;font-size:13px;font-weight:760;padding:9px 15px;min-height:39px}.chip.active{background:var(--brand);color:white;border-color:var(--brand)}
.problem{border:1px solid #ECEAF5;background:white;border-radius:17px;min-height:102px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;padding:15px 12px}.problem.selected{border:2px solid var(--brand);background:#F8F5FF;padding:14px 11px}.problem .pi{color:var(--brand);height:38px;width:38px;background:#F1EBFF;border-radius:12px;display:grid;place-items:center}.problem b{font-size:15px;font-weight:840}.problem .tiny{font-size:11px;color:var(--muted)}
.plan-banner{border-radius:20px;background:linear-gradient(132deg,#7663DA,#A18BEC);padding:18px;color:white;overflow:hidden;position:relative}.plan-banner .tiny{color:#EEE9FF}.plan-banner h2{font-size:23px;line-height:1.3;margin:9px 0 7px}.plan-banner p{font-size:13px;color:#F0ECFF;margin:0}.plan-banner:after{content:"✦";position:absolute;font-size:110px;right:5px;top:-35px;color:#FFFFFF22}
.timeline{display:flex;gap:8px;align-items:center;margin-bottom:18px}.circle{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#E8E6F1;color:#9D98B0;font-size:11px;font-weight:820}.circle.on{background:var(--brand);color:white}.track{height:2px;flex:1;background:#E8E6F1}.activity-op{border:1px solid #EEEAF7;background:#FFF;border-radius:16px;padding:14px 15px;display:flex;align-items:center;gap:11px;text-align:left;width:100%}.activity-op.selected{border-color:#A99AEF;background:#F7F4FF}.activity-op b{font-size:14px}.activity-op .t-icon{background:#F1EDFF;border-radius:11px;width:42px;height:42px;display:grid;place-items:center;color:var(--brand)}.activity-op .check{margin-left:auto;color:var(--brand)}
.section-card{border-radius:20px;background:#FFF;border:1px solid #EEEAF8;padding:16px}.mini-stat{background:#F7F6FF;border-radius:14px;padding:11px;display:flex;flex-direction:column;gap:5px}.mini-stat .num{font-weight:900;font-size:18px}.menu-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.menu-tile{background:#FFF;border:1px solid #EBE9F6;border-radius:19px;padding:17px 15px;min-height:129px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.menu-tile i{font-style:normal;font-size:29px}.menu-tile b{font-size:17px}.menu-tile span{font-size:11px;color:var(--muted)}
.prompt-box{background:#FFF;border-radius:19px;padding:15px;border:1px solid #EEEAF8}.fake-field{border:1px solid #EDEAF5;border-radius:13px;padding:11px 12px;background:#FCFBFF;font-size:14px;color:#66667D}.label{display:block;font-size:13px;font-weight:800;color:#555267;margin:0 0 8px}.input,.textarea{width:100%;background:#FEFDFF;border-radius:14px;border:1px solid #E6E2F1;padding:12px 13px;outline:0;min-height:48px;color:var(--ink)}.textarea{resize:vertical;min-height:82px}.input:focus,.textarea:focus{border-color:#A696F3}
.chat-hero{text-align:center;padding:6px 0 18px}.chat-hero img{height:97px;width:100px;object-fit:contain;filter:drop-shadow(0 5px 6px #8573d333)}.chat-box{background:#FFF;border:1px solid #F0EFF6;border-radius:21px;padding:17px;min-height:130px}.msg{max-width:86%;padding:14px 15px;border-radius:17px;margin:12px 0;font-size:14px;white-space:pre-wrap;line-height:1.65;box-shadow:0 3px 10px #29254409}.msg.bot{background:#FFF;border:1px solid #EFEAF9;border-bottom-left-radius:5px}.msg.user{margin-left:auto;background:var(--brand);color:white;border-bottom-right-radius:5px}.chat-composer{position:fixed;bottom:79px;left:50%;transform:translateX(-50%);width:100%;max-width:430px;background:linear-gradient(180deg,#FFFFFF00 0%,#FFF 20%);padding:16px 15px 11px;z-index:66}.composer-inner{background:#FFF;border:1px solid #DEDAEF;border-radius:18px;padding:7px 7px 7px 12px;display:flex;align-items:center;gap:6px;box-shadow:0 4px 15px #3c316a12}.composer-inner textarea{resize:none;flex:1;border:0;outline:0;min-height:38px;max-height:80px;line-height:1.5;padding:8px 2px;background:transparent;font-size:14px}.send{border:0;background:var(--brand);color:white;width:40px;height:40px;border-radius:13px;display:grid;place-items:center}
.pack-list{display:flex;flex-direction:column;gap:9px}.pack-item{display:flex;gap:11px;align-items:center;padding:14px 13px;background:#FFF;border:1px solid #ECEAF5;border-radius:16px;text-align:left;width:100%}.pack-item .square{height:37px;width:37px;border-radius:12px;display:grid;place-items:center;background:#F3F0FF;color:var(--brand)}.pack-item b{font-size:14px}.pack-item .desc{font-size:11px;color:var(--muted);margin-top:3px}.tick{border:2px solid #D7D3EA;border-radius:7px;height:22px;width:22px;display:grid;place-items:center;margin-left:auto;color:white;font-size:13px}.tick.yes{background:var(--brand);border-color:var(--brand)}
.giftline{border:1px solid #EEEAF6;background:white;border-radius:16px;padding:14px;display:flex;align-items:center;gap:12px;width:100%;text-align:left}.giftline.selected{border:2px solid #9081E8;background:#F8F6FF;padding:13px}.gift-icon{width:47px;height:47px;border-radius:15px;background:#F6F0FF;display:grid;place-items:center;font-size:23px}.price{color:#EB7F52;font-size:17px;font-weight:880}.warning{border-radius:14px;background:#FFF7EC;color:#9B713A;font-size:11px;line-height:1.65;padding:12px}.success{background:#EAF8F2;color:#1D8462;padding:12px;border-radius:13px;font-size:12px;font-weight:700}
.calendar-row{display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid #F0EFF5;padding:13px 0}.calendar-row:last-child{border-bottom:0}.datecol{height:46px;min-width:58px;border-radius:12px;background:#F0EDFF;display:grid;place-items:center;font-weight:800;color:var(--brand);font-size:13px}
.inline-avatar{height:52px;width:52px;border-radius:17px;background:linear-gradient(145deg,#DED7FF,#F2EFFF);display:grid;place-items:center;font-size:26px}.mine-link{padding:15px 0;display:flex;align-items:center;gap:12px;border-bottom:1px solid #F1EFF7}.mine-link:last-child{border-bottom:0}.mine-link .text{font-size:14px;font-weight:750}.mine-link .hint{margin-top:3px}
.toast{position:fixed;bottom:168px;left:50%;transform:translateX(-50%);z-index:100;background:#25243EF2;color:#FFF;padding:10px 16px;border-radius:12px;max-width:360px;width:max-content;box-shadow:0 9px 25px #0002;font-size:12px}
.footer-note{margin-top:20px;color:#A0A2B4;font-size:11px;text-align:center;line-height:1.6}
@media(min-width:600px){.main{padding:21px 21px 140px}.phone{margin:16px auto;min-height:calc(100dvh - 32px);border-radius:23px;overflow:hidden}.header{border-radius:23px 23px 0 0}.navbar{bottom:16px}.floatbot{bottom:109px}.chat-composer{bottom:95px}}
@media(max-width:350px){.main{padding:16px 13px 140px}.brand{font-size:17px}.hero-home h1{font-size:21px}.big-action b{font-size:15px}.big-action{padding:14px 12px;min-height:146px}.navitem{font-size:10px}}
