/* Generated from miniprogram/pages/card/card.wxss by sync-card-layout.cjs. */
:root{--rpx:calc(min(100vw,440px) / 750);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.2}
html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{padding:0!important;background:#f0f4fd}
.phone{max-width:440px;margin:auto;min-height:100vh;border-radius:0;box-shadow:none;overflow:visible}
.hero{min-height:0;display:block;isolation:isolate}.hero:before{display:none}
.identity{margin:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}
.brand{min-height:0;margin:0;gap:0}.brand-logo{max-width:100%;object-fit:contain;object-position:center}
.hero .name{max-width:none;margin-bottom:0;overflow-wrap:anywhere}.role{margin-bottom:0;letter-spacing:normal;line-height:1.2}
.row svg{width:calc(23 * var(--rpx));height:calc(23 * var(--rpx));flex-shrink:0}
.cta{border:0;padding:0;line-height:1.2;cursor:pointer}
.portrait{object-fit:contain;object-position:center;bottom:auto;z-index:auto;border-radius:0;filter:none}
.page-bg{object-fit:cover;pointer-events:none;max-width:440px;left:50%;transform:translateX(-50%)}
.tabs{border:0;gap:0;backdrop-filter:none}.tabs button{margin:0;border:0;background:none;box-shadow:none;border-radius:0;line-height:1.2;padding-top:0}
.tabs button.active{background:none}.tabs button.active:after{right:auto}
.content{padding:0;background:none;border:0;border-radius:0}.detail-long{border-radius:0}
.product-long+.product-long{border:0}.actions{max-width:440px;margin:auto;transform:none;backdrop-filter:none}
.actions button{box-sizing:border-box;border-style:solid;line-height:1.2}.section-title h2{margin:0}
/* v6 — matched to the PSD: card with phone/email/CTA, tabs + content in one panel, navy actions */
.phone{line-height:1.2;position:relative;padding-bottom:calc(225 * var(--rpx));background:#f0f4fd}.page-bg{position:fixed;left:0;top:0;width:100%;height:100%;z-index:0}
.hero{position:relative;z-index:1;overflow:visible;padding:calc(77 * var(--rpx)) calc(27 * var(--rpx)) 0;background:transparent}

.card{position:relative;height:calc(510 * var(--rpx));border-radius:calc(46 * var(--rpx));border:calc(3 * var(--rpx)) solid #fff;background:linear-gradient(180deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.42) 55%,rgba(255,255,255,.20) 100%);
  box-shadow:0 calc(38 * var(--rpx)) calc(85 * var(--rpx)) calc(-46 * var(--rpx)) rgba(19,54,116,.28)}
.portrait-clip{position:absolute;left:0;right:0;top:calc(-200 * var(--rpx));bottom:0;overflow:visible;clip-path:inset(-10000px -10000px 0 -10000px);z-index:2;pointer-events:none}
.portrait-wrap{position:absolute;right:calc(1 * var(--rpx));top:calc(134 * var(--rpx));width:calc(326 * var(--rpx));height:calc(576 * var(--rpx));overflow:visible;clip-path:inset(-10000px -10000px 0 -10000px);z-index:2;pointer-events:none}
.portrait{position:absolute;right:0;bottom:0;width:100%;height:auto;transform-origin:50% 100%}

.identity{position:relative;z-index:3;width:54%;padding:calc(31 * var(--rpx)) 0 0 calc(60 * var(--rpx))}
.brand{height:calc(42 * var(--rpx));display:flex;align-items:center}
.brand-logo{width:calc(181 * var(--rpx));height:calc(42 * var(--rpx));max-width:100%}
.hero .name{font-size:calc(58 * var(--rpx));line-height:1.2;letter-spacing:calc(-1 * var(--rpx));margin-top:calc(64 * var(--rpx));font-weight:700;color:#102647;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.role{font-size:calc(25 * var(--rpx));color:#63728d;margin-top:calc(6 * var(--rpx));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.row{display:flex;align-items:center;gap:calc(15 * var(--rpx));margin-top:calc(42 * var(--rpx));font-size:calc(22 * var(--rpx));color:#183252}
.row+.row{margin-top:calc(12 * var(--rpx))}
.row-icon{width:calc(23 * var(--rpx));height:calc(23 * var(--rpx));flex-shrink:0}
.row span{flex:1;min-width:0;white-space:nowrap;line-height:1.35;overflow:hidden;text-overflow:ellipsis}

.cta{display:flex;align-items:center;justify-content:center;margin:calc(51 * var(--rpx)) 0 0 calc(-5 * var(--rpx));width:calc(250 * var(--rpx));height:calc(50 * var(--rpx));border-radius:calc(25 * var(--rpx));background:#133674;color:#fff;font-size:calc(24 * var(--rpx));font-weight:500;letter-spacing:calc(1 * var(--rpx))}

.panel{position:relative;z-index:1;margin:calc(19 * var(--rpx)) calc(27 * var(--rpx)) 0;padding:calc(31 * var(--rpx)) calc(20 * var(--rpx)) calc(20 * var(--rpx));border:calc(3 * var(--rpx)) solid #fff;background:linear-gradient(180deg,rgba(255,255,255,.80) 0%,rgba(255,255,255,.55) 55%,rgba(255,255,255,.31) 100%);border-radius:calc(46 * var(--rpx));box-shadow:0 calc(38 * var(--rpx)) calc(85 * var(--rpx)) calc(-54 * var(--rpx)) rgba(19,54,116,.25)}
.tabs{display:flex;position:sticky;top:0;z-index:6;margin:0 calc(-20 * var(--rpx));padding:0 calc(20 * var(--rpx));background:#fcfdff;border-radius:calc(46 * var(--rpx)) calc(46 * var(--rpx)) 0 0}
.tabs button{flex:1;text-align:center;position:relative;padding-bottom:calc(27 * var(--rpx));font-size:calc(25 * var(--rpx));color:#8490a8}
.tabs button.active{color:#102647;font-weight:700}
.tabs button.active:after{content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);bottom:calc(4 * var(--rpx));width:calc(46 * var(--rpx));height:calc(9 * var(--rpx));border-radius:calc(6 * var(--rpx));background:#68B726}

.__native-tabs-fixed{position:fixed;left:calc(27 * var(--rpx));right:calc(27 * var(--rpx));top:0;z-index:20;padding:calc(26 * var(--rpx)) calc(20 * var(--rpx)) calc(18 * var(--rpx));background:#fcfdff;border-radius:0;box-shadow:none}.__native-tabs-fixed .tabs{margin:0 calc(-20 * var(--rpx));padding:0 calc(20 * var(--rpx));background:transparent;border-radius:0}.company-text{display:block;margin:calc(8 * var(--rpx)) calc(4 * var(--rpx)) calc(22 * var(--rpx));font-size:calc(25 * var(--rpx));line-height:1.9;color:#3f5574;white-space:pre-line}.content{margin-top:calc(17 * var(--rpx))}.content.switching{min-height:86vh}
.content.long-content{padding:0}
.detail-long{display:block;width:100%;height:auto}
.long-placeholder{min-height:calc(800 * var(--rpx));display:flex;align-items:center;justify-content:center;background:#f4f8ff;color:#9ba8bb;font-size:calc(25 * var(--rpx))}

.section-title{display:flex;align-items:center;justify-content:space-between;margin:calc(8 * var(--rpx)) calc(8 * var(--rpx)) calc(23 * var(--rpx))}
.section-h{font-size:calc(29 * var(--rpx));font-weight:600;color:#102647}
.service{display:flex;align-items:center;justify-content:space-between;gap:calc(23 * var(--rpx));padding:calc(27 * var(--rpx));margin:calc(15 * var(--rpx)) 0;background:#f5f8ff;border-radius:calc(23 * var(--rpx))}
.service-text{flex:1;min-width:0}
.service-title{font-size:calc(27 * var(--rpx));font-weight:600;line-height:1.5;color:#102647}
.description{font-size:calc(22 * var(--rpx));line-height:1.6;color:#7a88a0;margin-top:calc(8 * var(--rpx));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.service img{width:calc(123 * var(--rpx));height:calc(123 * var(--rpx));border-radius:calc(15 * var(--rpx));flex-shrink:0}
.empty{padding:calc(65 * var(--rpx)) 0;color:#8d99aa;text-align:center;font-size:calc(24 * var(--rpx))}

.actions{position:fixed;left:0;right:0;bottom:0;z-index:6;display:flex;gap:calc(20 * var(--rpx));padding:calc(25 * var(--rpx)) calc(25 * var(--rpx)) calc(calc(25 * var(--rpx)) + env(safe-area-inset-bottom));background:#fff;border-top:calc(2 * var(--rpx)) solid #eef3f9}
.actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:calc(13 * var(--rpx));height:calc(89 * var(--rpx));margin:0;padding:0 calc(12 * var(--rpx));font-size:calc(25 * var(--rpx));font-weight:500;border:calc(3 * var(--rpx)) solid #133674;border-radius:calc(23 * var(--rpx));background:#fff;color:#133674;line-height:1.2}
.actions .primary{background:#133674;border-color:#133674;color:#fff}
.actions svg{width:calc(31 * var(--rpx));height:calc(31 * var(--rpx))}

.overlay{position:fixed;inset:0;background:#10264966;z-index:10;display:flex;align-items:flex-end}
.sheet{background:#fff;border-radius:calc(36 * var(--rpx)) calc(36 * var(--rpx)) 0 0;width:100%;padding:calc(55 * var(--rpx)) calc(45 * var(--rpx)) calc(calc(35 * var(--rpx)) + env(safe-area-inset-bottom));position:relative}
.sheet-title{font-size:calc(40 * var(--rpx));font-weight:600;margin-bottom:calc(24 * var(--rpx))}
.sheet .primary{padding:calc(24 * var(--rpx))}
.skip{background:#fff;color:#8693a7;margin-top:calc(12 * var(--rpx));padding:calc(22 * var(--rpx))}
.detail-scroll{max-height:65vh}
.detail-scroll img{width:100%;border-radius:calc(20 * var(--rpx))}
.close{position:absolute;right:calc(20 * var(--rpx));top:calc(15 * var(--rpx));background:#fff;font-size:calc(42 * var(--rpx));padding:0 calc(20 * var(--rpx))}
.intro{font-size:calc(29 * var(--rpx));line-height:1.85;color:#6b7e97;white-space:pre-line;display:block}
.share-canvas{position:fixed;left:-2000px;top:-2000px;pointer-events:none}
.detail-overlay{z-index:40}.detail-sheet{padding:0 calc(40 * var(--rpx)) calc(calc(24 * var(--rpx)) + env(safe-area-inset-bottom));overflow:hidden;max-height:88vh;border-radius:calc(36 * var(--rpx)) calc(36 * var(--rpx)) 0 0}.detail-header{height:calc(88 * var(--rpx));display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.detail-close{position:static;display:flex;align-items:center;justify-content:center;width:calc(72 * var(--rpx));height:calc(72 * var(--rpx));min-height:0;margin:0 calc(-16 * var(--rpx)) 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;line-height:1;color:#102647;font-size:calc(48 * var(--rpx))}.detail-close::after{display:none;border:0}.detail-scroll{height:calc(80vh - calc(112 * var(--rpx)) - env(safe-area-inset-bottom));max-height:none}.detail-scroll .sheet-title{font-size:calc(34 * var(--rpx));line-height:1.45;margin:0 0 calc(24 * var(--rpx));padding:0;word-break:break-all}.detail-scroll .intro{margin:calc(24 * var(--rpx)) 0;font-size:calc(28 * var(--rpx));line-height:1.8}.source-link{font-size:calc(26 * var(--rpx));color:#133674;background:#edf3fc;padding:calc(20 * var(--rpx));margin:calc(20 * var(--rpx)) 0}




.detail-sheet .detail-header{position:relative;height:calc(88 * var(--rpx));display:block}.detail-sheet .detail-header .detail-close{position:absolute;right:calc(-12 * var(--rpx));top:calc(8 * var(--rpx));left:auto;bottom:auto;width:calc(72 * var(--rpx));height:calc(72 * var(--rpx));margin:0;padding:0;min-width:0;max-width:calc(72 * var(--rpx));flex:none;background:transparent;border:0;border-radius:0;box-shadow:none}.detail-sheet .detail-header .detail-close::after{display:none}


.article-body{display:block;font-size:calc(30 * var(--rpx));line-height:1.8;overflow-wrap:anywhere;color:#253650}

/* Browser equivalents of native image/view defaults and safe-area preview. */
.portrait-wrap .portrait{position:absolute;right:0;top:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;transform-origin:50% 100%}
.page-bg{max-width:440px;left:50%;transform:translateX(-50%)}
.brand .brand-logo{display:block;width:calc(181 * var(--rpx));height:calc(42 * var(--rpx));object-fit:contain;object-position:center}
.hero .name{margin-right:0;margin-bottom:0;margin-left:0;line-height:1.2}
.tabs button{padding-left:0;padding-right:0}.section-title h2{font-size:calc(29 * var(--rpx))}
.actions{left:0;right:0;padding-bottom:calc(25 * var(--rpx) + var(--safe-bottom,env(safe-area-inset-bottom)))}
html.preview-mode{--safe-bottom:calc(34 * min(100vw,440px) / 390)}
.company-text{display:block}.panel .tabs{border-radius:0}
/* Browser preview: clip only at the card bottom; allow the portrait past either side. */
.hero .card{overflow:visible}
.hero .card .portrait-clip{overflow:visible;border-radius:0;clip-path:inset(-10000px -10000px 0 -10000px)}
#detail .close{position:static;display:flex;align-items:center;justify-content:center;margin:-12px -12px 8px auto;padding:0;width:40px;height:40px;line-height:1;border:0;border-radius:0;background:transparent;box-shadow:none}#detail{max-height:88vh;overflow-y:auto}#detail h2{font-size:20px;line-height:1.45;margin:0 0 18px}#detail .original-link{display:block;padding:12px;background:#edf3fc;border-radius:8px;text-align:center;font-size:13px}#detailContent{clear:both}