.approved-page.approved-experience{--ink: #326c91; --accent: #63c4eb; --light: #e8f7ff; --tab: #9ee3f5; --wash: #d7eefb; --second: #f6b86c;}
.approved-page.approved-experience *{box-sizing: border-box;}
.approved-page.approved-experience{margin: 0px; font: 15px / 1.8 "Microsoft YaHei", sans-serif; color: rgb(68, 59, 80); background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(250, 244, 232); background-image: radial-gradient(circle at 5% 30%,#ffe9b666,transparent 27%),radial-gradient(circle at 97% 55%,var(--wash),transparent 35%);}
.approved-page.approved-experience h1,.approved-page.approved-experience h2,.approved-page.approved-experience h3,.approved-page.approved-experience p{margin: 0px;}
.approved-page.approved-experience h1,.approved-page.approved-experience h2,.approved-page.approved-experience h3{font-family: Georgia, STSong, SimSun, serif; font-weight: 500;}
.approved-page.approved-experience a{color: inherit; text-decoration: none;}
.approved-page.approved-experience .reviewbar{padding: 12px 4%; background: var(--wash); color: var(--ink); display: flex; justify-content: space-between; font-size: 11px;}
.approved-page.approved-experience .reviewbar b{font-size: 14px;}
.approved-page.approved-experience .site-header{max-width: 1340px; margin: auto; padding: 20px 30px; display: flex; justify-content: space-between; align-items: center;}
.approved-page.approved-experience .brand{font: 700 18px Georgia, serif; letter-spacing: 1.2px;}
.approved-page.approved-experience .brand img{width: 23px; height: 23px; vertical-align: middle; margin-right: 10px;}
.approved-page.approved-experience .site-header nav{font-size: 12px; color: rgb(138, 121, 151);}
.approved-page.approved-experience .site-header small{font-size: 10px; color: rgb(158, 138, 173);}
.approved-page.approved-experience .collection{max-width: 1320px; margin: 15px auto 0px; padding: 0px 40px; display: flex; justify-content: space-between; align-items: end;}
.approved-page.approved-experience .collection .eyebrow{font-size: 10px; letter-spacing: 2px; color: rgb(162, 135, 164);}
.approved-page.approved-experience .collection h2{font-size: 29px; margin-top: 5px;}
.approved-page.approved-experience .collection > p{font-size: 12px; color: rgb(155, 136, 160); text-align: right;}
.approved-page.approved-experience .desk{max-width: 1350px; margin: 18px auto 0px; padding: 0px 68px 0px 74px; position: relative;}
.approved-page.approved-experience .tabs{position: relative; display: flex; justify-content: flex-end; gap: 8px; padding: 0px 8px 0px 80px; z-index: 3;}
.approved-page.approved-experience .tab{position: relative; width: 204px; min-height: 108px; display: flex; align-items: center; gap: 13px; padding: 13px 17px 12px; border-radius: 18px 18px 0px 0px; border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgba(255, 255, 255, 0.565) rgba(255, 255, 255, 0.565) currentcolor; border-image: none; background: var(--tab); color: var(--tabink); box-shadow: rgba(101, 66, 119, 0.027) 0px -4px 12px; transition: transform 0.2s;}
.approved-page.approved-experience .tab img{height: 77px; width: 30px; object-fit: contain; transform: rotate(180deg); filter: drop-shadow(rgba(0, 0, 0, 0.067) 1px 4px 3px);}
.approved-page.approved-experience .tab strong{font-size: 14px; display: block;}
.approved-page.approved-experience .tab small{font-size: 10px; display: block; opacity: 0.8; white-space: nowrap;}
.approved-page.approved-experience .tab .tab-element{font-size: 11px; letter-spacing: 3px; margin-bottom: 5px;}
.approved-page.approved-experience .tab.active{min-height: 123px; margin-top: -15px; box-shadow: 0 -6px 0 var(--accent); border-color: rgb(255, 255, 255); background: var(--light);}
.approved-page.approved-experience .tab.active::after{content: "正在翻阅"; position: absolute; right: 9px; top: 9px; border: 1px solid var(--ink); border-radius: 20px; padding: 0px 5px; font-size: 8px; color: var(--ink);}
.approved-page.approved-experience .tab:hover{transform: translateY(-5px);}
.approved-page.approved-experience .book-shell{position: relative;}
.approved-page.approved-experience .book{display: grid; grid-template-columns: 1fr 1fr; position: relative; background: rgb(255, 253, 245); border: 1px solid rgb(232, 216, 196); border-radius: 10px; box-shadow: rgba(92, 65, 67, 0.1) 0px 22px 45px, rgb(223, 206, 183) 0px 6px 0px, rgb(251, 243, 223) 0px 10px 0px, rgb(201, 179, 154) 0px 15px 0px; isolation: isolate;}
.approved-page.approved-experience .book::after{content: ""; position: absolute; left: 50%; top: 0px; bottom: 0px; width: 32px; transform: translateX(-50%); background: linear-gradient(90deg, transparent, rgba(121, 98, 73, 0.07) 47%, rgba(121, 98, 73, 0.14) 50%, transparent); pointer-events: none;}
.approved-page.approved-experience .page{padding: 29px 38px 65px; position: relative; min-height: 1030px;}
.approved-page.approved-experience .page-left{background: rgb(255, 253, 246); border-radius: 10px 0px 0px 10px;}
.approved-page.approved-experience .page-right{background: rgb(255, 250, 240); border-radius: 0px 10px 10px 0px;}
.approved-page.approved-experience .page-head{display: flex; justify-content: space-between; font-size: 9px; letter-spacing: 1px; color: rgb(161, 139, 144); border-bottom: 1px solid rgb(226, 214, 198); padding-bottom: 13px; margin-bottom: 22px;}
.approved-page.approved-experience .seal{display: inline-flex; align-items: center; gap: 8px; padding: 4px 12px; border: 1px solid var(--accent); border-radius: 20px; background: var(--light); color: var(--ink); font-size: 11px;}
.approved-page.approved-experience .seal img{width: 16px; height: 16px;}
.approved-page.approved-experience .company-title{position: relative; isolation: isolate;}
.approved-page.approved-experience .company-title h1{font-size: 66px; line-height: 1.3; margin: 12px 0px; color: rgb(72, 58, 83);}
.approved-page.approved-experience .chapter-watermark{position: absolute; right: -6px; top: -3px; width: 175px; height: 175px; opacity: 0.14; z-index: -1; pointer-events: none;}
.approved-page.approved-experience .meta{font-size: 12px; color: rgb(147, 129, 139); line-height: 2.1;}
.approved-page.approved-experience .intro{font-size: 15px; color: rgb(116, 100, 119); line-height: 1.95; margin: 20px 0px;}
.approved-page.approved-experience .book-metrics{display: flex; gap: 9px; margin: 23px 0px;}
.approved-page.approved-experience .metric{position: relative; flex: 1 1 0%; padding: 13px 9px 15px; background: var(--light); border-radius: 5px 15px 5px 5px; border: 1px solid rgb(255, 255, 255);}
.approved-page.approved-experience .metric:nth-child(2){background: rgb(255, 242, 207); transform: rotate(-2deg);}
.approved-page.approved-experience .metric:nth-child(3){background: rgb(249, 232, 240); transform: rotate(2deg);}
.approved-page.approved-experience .metric span{display: block;}
.approved-page.approved-experience .metric span:first-child{font: 31px / 1.2 Georgia, serif; color: var(--ink);}
.approved-page.approved-experience .metric span:last-child{font-size: 10px; color: rgb(140, 123, 131); margin-top: 8px;}
.approved-page.approved-experience .division{display: flex; gap: 12px; align-items: center; margin: 27px 0px; color: var(--ink); font-size: 10px; letter-spacing: 1px;}
.approved-page.approved-experience .division::before,.approved-page.approved-experience .division::after{content: ""; height: 1px; flex: 1 1 0%; background: var(--accent);}
.approved-page.approved-experience .division img{width: 19px; height: 19px;}
.approved-page.approved-experience .kicker{font-size: 10px; letter-spacing: 1.8px; color: var(--ink); margin-bottom: 13px;}
.approved-page.approved-experience .case-title{font-size: 31px; line-height: 1.5; margin-bottom: 18px;}
.approved-page.approved-experience .bodycopy{font-size: 14px; line-height: 2; color: rgb(118, 104, 121);}
.approved-page.approved-experience .margin-note{border: 1px dashed var(--accent); background: var(--light); padding: 13px 16px; margin: 25px 0px 0px 35px; transform: rotate(-2deg); position: relative; color: var(--ink); font: 19px / 1.7 STKaiti, KaiTi, serif; box-shadow: rgba(238, 227, 207, 0.333) 3px 5px 0px;}
.approved-page.approved-experience .margin-note::before{content: ""; position: absolute; width: 58px; height: 16px; background: rgba(246, 188, 215, 0.5); left: 25px; top: -8px; transform: rotate(8deg);}
.approved-page.approved-experience .page-foot{position: absolute; bottom: 20px; left: 38px; right: 38px; border-top: 1px solid rgb(227, 215, 197); padding-top: 12px; font-size: 9px; color: rgb(166, 147, 157); display: flex; justify-content: space-between;}
.approved-page.approved-experience .method{display: grid; grid-template-columns: 30px 1fr; gap: 14px; margin: 21px 0px 26px;}
.approved-page.approved-experience .method-number{display: grid; place-items: center; width: 29px; height: 29px; background: var(--accent); color: white; border-radius: 50%; font: 12px Georgia; margin-top: 4px; box-shadow: 3px 3px 0 var(--light);}
.approved-page.approved-experience .method h3{font-size: 23px; margin-bottom: 10px;}
.approved-page.approved-experience .attached-paper{position: relative; background: var(--light); border: 1px solid var(--accent); padding: 26px 23px; margin: 32px -4px 24px; transform: rotate(1deg); box-shadow: rgba(234, 217, 182, 0.2) 5px 6px 0px;}
.approved-page.approved-experience .attached-paper::before{content: ""; position: absolute; width: 103px; height: 22px; left: 33%; top: -11px; background: rgba(255, 215, 131, 0.65); transform: rotate(-5deg);}
.approved-page.approved-experience .attached-paper h3{font-size: 21px;}
.approved-page.approved-experience .process{list-style: none; padding: 0px; margin: 18px 0px 0px;}
.approved-page.approved-experience .process li{display: grid; grid-template-columns: 26px 1fr; gap: 9px; margin-bottom: 12px; position: relative;}
.approved-page.approved-experience .process li:not(:last-child)::before{content: ""; position: absolute; left: 10px; top: 22px; bottom: -14px; border-left: 1px dashed var(--accent);}
.approved-page.approved-experience .process .node{width: 21px; height: 21px; border: 1px solid var(--accent); border-radius: 50%; background: rgb(255, 254, 246); font: 10px Georgia; display: grid; place-items: center; color: var(--ink); z-index: 1;}
.approved-page.approved-experience .process strong{font-size: 12px; font-weight: 500; color: var(--ink); display: block;}
.approved-page.approved-experience .process p{font-size: 11px; color: rgb(137, 124, 145);}
.approved-page.approved-experience .disclaimer{font-size: 10px; line-height: 1.7; color: rgb(162, 147, 159); border-top: 1px dashed var(--accent); padding-top: 12px; margin-top: 17px;}
.approved-page.approved-experience .extra{font-size: 12px; line-height: 1.9; color: rgb(154, 137, 150);}
.approved-page.approved-experience .sword-bookmark{position: absolute; left: -42px; top: -30px; z-index: 4; width: 55px; height: 325px; pointer-events: none;}
.approved-page.approved-experience .sword-bookmark::before{content: ""; position: absolute; top: 0px; left: 18px; width: 27px; height: 128px; background: var(--tab); border-radius: 0px 0px 3px 3px; box-shadow: rgba(0, 0, 0, 0.067) 2px 3px 4px;}
.approved-page.approved-experience .sword-bookmark img{height: 272px; max-width: 82px; position: absolute; top: 36px; left: -7px; transform: rotate(180deg); filter: drop-shadow(rgba(101, 84, 117, 0.15) 3px 9px 5px);}
.approved-page.approved-experience .element-stamp{position: absolute; right: 26px; bottom: 64px; border: 2px solid var(--accent); color: var(--ink); font-size: 11px; padding: 6px 10px; transform: rotate(-10deg); opacity: 0.65;}
.approved-page.approved-experience .book-bottom{display: flex; align-items: center; justify-content: space-between; max-width: 1140px; margin: 34px auto 0px; padding: 0px 20px; gap: 25px;}
.approved-page.approved-experience .takeaway{background: rgb(255, 244, 202); padding: 20px 28px; max-width: 820px; position: relative; transform: rotate(-0.5deg); border-radius: 3px; box-shadow: rgba(233, 215, 173, 0.3) 4px 6px 0px;}
.approved-page.approved-experience .takeaway small{font-size: 9px; color: rgb(172, 145, 93); letter-spacing: 2px;}
.approved-page.approved-experience .takeaway p{font: 23px / 1.65 Georgia, STSong, SimSun, serif; color: rgb(139, 110, 73); margin-top: 7px;}
.approved-page.approved-experience .mascot{position: relative; width: 170px; height: 185px; flex-shrink: 0;}
.approved-page.approved-experience .mascot img{width: 170px; height: 170px; object-fit: contain; filter: drop-shadow(rgba(102, 84, 129, 0.086) 0px 7px 4px);}
.approved-page.approved-experience .mascot::after{content: "继续翻翻，下一章呢？"; position: absolute; bottom: 0px; left: -10px; white-space: nowrap; font-size: 10px; color: rgb(155, 129, 177);}
.approved-page.approved-experience .bottom-nav{display: flex; justify-content: center; gap: 35px; max-width: 1200px; margin: 25px auto; color: rgb(167, 138, 179); font-size: 11px;}
.approved-page.approved-experience footer{max-width: 1250px; margin: 27px auto 0px; padding: 20px; border-top: 1px solid rgb(230, 216, 223); font-size: 10px; color: rgb(172, 149, 172); display: flex; justify-content: space-between;}
.approved-page.approved-experience a:focus-visible{outline: 3px solid var(--accent); outline-offset: 4px;}
@media (max-width: 700px){.approved-page.approved-experience{overflow-x: clip;}
.approved-page.approved-experience .reviewbar{display: block; padding: 12px 20px;}
.approved-page.approved-experience .reviewbar > span{display: block; font-size: 9px; margin-top: 4px;}
.approved-page.approved-experience .site-header{padding: 18px 20px;}
.approved-page.approved-experience .site-header nav{display: none;}
.approved-page.approved-experience .brand{font-size: 15px;}
.approved-page.approved-experience .site-header small{font-size: 9px;}
.approved-page.approved-experience .collection{padding: 0px 22px; margin-top: 4px;}
.approved-page.approved-experience .collection h2{font-size: 25px;}
.approved-page.approved-experience .collection > p{display: none;}
.approved-page.approved-experience .collection .eyebrow{font-size: 8px;}
.approved-page.approved-experience .desk{padding: 0px 16px 0px 28px; margin-top: 23px;}
.approved-page.approved-experience .tabs{padding: 0px 2px 0px 0px; gap: 4px; justify-content: stretch;}
.approved-page.approved-experience .tab{flex: 1 1 0%; width: auto; min-width: 0px; min-height: 117px; padding: 11px 4px 9px; gap: 0px; display: flex; flex-direction: column; align-items: center; text-align: center; border-radius: 12px 12px 0px 0px;}
.approved-page.approved-experience .tab img{height: 43px; width: 18px; margin-bottom: 6px;}
.approved-page.approved-experience .tab .tab-element{font-size: 9px; letter-spacing: 0px; margin: 0px;}
.approved-page.approved-experience .tab strong{font-size: 10px; white-space: nowrap;}
.approved-page.approved-experience .tab small{display: none;}
.approved-page.approved-experience .tab.active{min-height: 127px; margin-top: -10px;}
.approved-page.approved-experience .tab.active::after{font-size: 7px; right: 3px; top: 3px; padding: 0px 3px;}
.approved-page.approved-experience .book{display: block;}
.approved-page.approved-experience .book::after{display: none;}
.approved-page.approved-experience .page{padding: 26px 22px 66px 25px; min-height: 0px;}
.approved-page.approved-experience .page-left{border-radius: 8px 8px 0px 0px; border-bottom: 9px solid var(--tab);}
.approved-page.approved-experience .page-right{border-radius: 0px 0px 8px 8px;}
.approved-page.approved-experience .page-head{font-size: 8px; letter-spacing: 0.3px;}
.approved-page.approved-experience .company-title h1{font-size: 54px;}
.approved-page.approved-experience .chapter-watermark{width: 125px; height: 125px; right: 0px; top: 12px;}
.approved-page.approved-experience .meta{font-size: 11px;}
.approved-page.approved-experience .intro{font-size: 14px;}
.approved-page.approved-experience .book-metrics{gap: 5px;}
.approved-page.approved-experience .metric{padding: 11px 6px;}
.approved-page.approved-experience .metric span:first-child{font-size: 26px;}
.approved-page.approved-experience .metric span:last-child{font-size: 9px;}
.approved-page.approved-experience .sword-bookmark{left: -20px; top: 2px; width: 25px; height: 190px;}
.approved-page.approved-experience .sword-bookmark::before{width: 15px; height: 87px; left: 5px;}
.approved-page.approved-experience .sword-bookmark img{height: 166px; max-width: 42px; top: 30px; left: -5px;}
.approved-page.approved-experience .case-title{font-size: 28px;}
.approved-page.approved-experience .bodycopy{font-size: 14px;}
.approved-page.approved-experience .margin-note{margin-left: 10px; font-size: 17px;}
.approved-page.approved-experience .page-foot{left: 25px; right: 22px; font-size: 8px;}
.approved-page.approved-experience .method{gap: 10px;}
.approved-page.approved-experience .method h3{font-size: 22px;}
.approved-page.approved-experience .attached-paper{padding: 23px 16px; margin-left: 0px; margin-right: 0px;}
.approved-page.approved-experience .attached-paper h3{font-size: 20px;}
.approved-page.approved-experience .process strong{font-size: 12px;}
.approved-page.approved-experience .process p{font-size: 11px;}
.approved-page.approved-experience .extra{font-size: 11px;}
.approved-page.approved-experience .element-stamp{right: 20px; bottom: 52px; font-size: 9px;}
.approved-page.approved-experience .book-bottom{padding: 0px 20px 0px 28px; gap: 8px; margin-top: 30px; align-items: end;}
.approved-page.approved-experience .takeaway{padding: 17px 18px; flex: 1 1 0%;}
.approved-page.approved-experience .takeaway p{font-size: 19px;}
.approved-page.approved-experience .mascot{width: 84px; height: 125px;}
.approved-page.approved-experience .mascot img{width: 100px; height: 100px; margin-left: -8px;}
.approved-page.approved-experience .mascot::after{font-size: 8px; left: -20px; bottom: 15px; white-space: normal; width: 100px;}
.approved-page.approved-experience .bottom-nav{font-size: 10px; gap: 20px; padding: 0px 20px;}
.approved-page.approved-experience footer{font-size: 8px; gap: 20px;}}
.approved-page.approved-project *{box-sizing: border-box;}
.approved-page.approved-project{margin: 0px; color: rgb(70, 51, 78); background: rgb(252, 248, 238); font: 15px / 1.9 "Microsoft YaHei", sans-serif;}
.approved-page.approved-project h1,.approved-page.approved-project h2,.approved-page.approved-project h3,.approved-page.approved-project p{margin: 0px;}
.approved-page.approved-project h1,.approved-page.approved-project h2,.approved-page.approved-project h3{font-family: Georgia, STSong, SimSun, serif; font-weight: 500;}
.approved-page.approved-project h1{font-size: 58px; line-height: 1.3;}
.approved-page.approved-project h2{font-size: 34px; line-height: 1.5;}
.approved-page.approved-project h3{font-size: 22px;}
.approved-page.approved-project a{color: inherit; text-decoration: none;}
.approved-page.approved-project button{font: inherit;}
.approved-page.approved-project header{height: 82px; padding: 0px 5%; display: flex; align-items: center; justify-content: space-between;}
.approved-page.approved-project .brand{font: 700 18px Georgia, serif; letter-spacing: 1px;}
.approved-page.approved-project .brand img{width: 25px; vertical-align: middle; margin-right: 10px;}
.approved-page.approved-project header nav{font-size: 12px; color: rgb(154, 133, 167);}
.approved-page.approved-project header small{font-size: 10px; color: rgb(166, 145, 172);}
.approved-page.approved-project .option{background: rgb(240, 226, 246); padding: 10px 5%; font-size: 11px; display: flex; justify-content: space-between; color: rgb(125, 84, 140);}
.approved-page.approved-project .option b{font-size: 14px;}
.approved-page.approved-project .wrap{max-width: 1240px; margin: auto;}
.approved-page.approved-project .kicker{font-size: 10px; letter-spacing: 2px; color: rgb(162, 119, 157); margin-bottom: 15px;}
.approved-page.approved-project .lede{font-size: 16px; color: rgb(144, 125, 147); line-height: 2;}
.approved-page.approved-project .sim{display: inline-block; padding: 5px 12px; border: 1px solid rgb(210, 165, 102); border-radius: 25px; background: rgb(255, 240, 201); color: rgb(155, 113, 65); font-size: 10px; margin-bottom: 20px;}
.approved-page.approved-project .muted{color: rgb(157, 138, 156);}
.approved-page.approved-project .small{font-size: 11px; color: rgb(170, 152, 170);}
.approved-page.approved-project .badge{display: inline-block; padding: 5px 13px; border-radius: 20px; background: rgb(238, 228, 250); color: rgb(158, 112, 176); font-size: 11px;}
.approved-page.approved-project .steps{list-style: none; padding: 0px; margin: 0px;}
.approved-page.approved-project .steps li{padding: 15px 0px; border-bottom: 1px solid rgb(225, 212, 227);}
.approved-page.approved-project .steps strong{font-size: 16px; display: block;}
.approved-page.approved-project .steps p{font-size: 13px; color: rgb(150, 131, 152);}
.approved-page.approved-project .note{font-size: 11px; color: rgb(170, 146, 164); line-height: 1.8;}
.approved-page.approved-project .source-note{margin: 36px auto 0px; max-width: 1240px; padding: 20px; border-top: 1px solid rgb(227, 211, 226); font-size: 10px; color: rgb(167, 139, 165); display: flex; justify-content: space-between; gap: 25px;}
.approved-page.approved-project .placeholder{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; min-height: 190px; background: rgb(243, 232, 216); border: 1px dashed rgb(214, 188, 151); color: rgb(164, 141, 111); gap: 10px;}
.approved-page.approved-project .placeholder b{font-family: STKaiti, KaiTi, serif; font-size: 24px; font-weight: 400;}
.approved-page.approved-project .placeholder span{font-size: 11px;}
.approved-page.approved-project .photo img{width: 100%; height: 100%; object-fit: cover; display: block;}
.approved-page.approved-project .photo-note{font-size: 11px; color: rgb(165, 138, 155); margin-top: 10px;}
.approved-page.approved-project .btn{border: 1px solid rgb(178, 149, 194); border-radius: 24px; padding: 10px 20px; display: inline-block; color: rgb(149, 109, 167); font-size: 12px;}
.approved-page.approved-project .hero-label{font-size: 11px; color: rgb(171, 137, 174); letter-spacing: 2px;}
.approved-page.approved-project .responsibilities{display: flex; gap: 10px; flex-wrap: wrap;}
.approved-page.approved-project .responsibilities span{font-size: 11px; padding: 7px 14px; background: rgb(246, 232, 235); border-radius: 20px; color: rgb(183, 118, 136);}
.approved-page.approved-project .metrics-token{font: 50px / 1.3 Georgia, serif; color: rgb(178, 121, 140);}
.approved-page.approved-project .click-note{font-size: 10px; color: rgb(181, 154, 178);}
.approved-page.approved-project summary{cursor: pointer; font-size: 13px; color: rgb(153, 117, 169); padding: 10px 0px;}
.approved-page.approved-project details p{font-size: 13px; color: rgb(146, 123, 150); line-height: 1.9;}
.approved-page.approved-project img{max-width: 100%;}
.approved-page.approved-project a:focus-visible,.approved-page.approved-project summary:focus-visible{outline: rgb(200, 164, 230) solid 3px; outline-offset: 4px;}
@media (max-width: 700px){.approved-page.approved-project header{height: 70px; padding: 0px 22px;}
.approved-page.approved-project .brand{font-size: 15px;}
.approved-page.approved-project header nav{display: none;}
.approved-page.approved-project header small{font-size: 9px;}
.approved-page.approved-project .option{display: block; padding: 11px 22px;}
.approved-page.approved-project .option span{display: block; font-size: 9px; margin-top: 3px;}
.approved-page.approved-project h1{font-size: 39px;}
.approved-page.approved-project h2{font-size: 29px;}
.approved-page.approved-project h3{font-size: 21px;}
.approved-page.approved-project .wrap{margin: 0px 22px;}
.approved-page.approved-project .lede{font-size: 14px;}
.approved-page.approved-project .source-note{margin: 25px 22px 0px; padding: 18px 0px; font-size: 9px;}
.approved-page.approved-project .metrics-token{font-size: 41px;}
.approved-page.approved-project .placeholder{min-height: 170px;}
.approved-page.approved-project .photo-note{font-size: 10px;}
.approved-page.approved-project{overflow-x: clip;}}
.approved-page.approved-project .p2{padding: 25px 30px;}
.approved-page.approved-project .p2-hero{display: grid; grid-template-columns: 46% 54%; gap: 50px; align-items: center; padding: 20px 0px 65px;}
.approved-page.approved-project .p2-cover{padding: 20px 35px 0px; background: rgb(233, 227, 244); min-height: 530px; border-radius: 160px 160px 8px 8px; position: relative;}
.approved-page.approved-project .cover-frame{background: rgb(254, 248, 231); border: 1px solid rgb(221, 200, 164); padding: 30px 28px; min-height: 430px; transform: rotate(-7deg); box-shadow: rgba(198, 182, 216, 0.32) 14px 12px 0px; position: relative;}
.approved-page.approved-project .cover-frame > span{font-size: 9px; letter-spacing: 1px; color: rgb(162, 140, 160);}
.approved-page.approved-project .cover-grid{display: grid; grid-template-columns: repeat(11, 1fr); gap: 5px; margin: 30px 0px;}
.approved-page.approved-project .cover-grid i{height: 32px; background: rgb(241, 204, 170); border-radius: 2px;}
.approved-page.approved-project .cover-frame h2{font-size: 42px; color: rgb(159, 125, 108);}
.approved-page.approved-project .cover-stamp{position: absolute; right: 15px; bottom: 30px; border: 2px solid rgb(205, 159, 176); color: rgb(183, 134, 153); padding: 8px; font-size: 11px; transform: rotate(12deg);}
.approved-page.approved-project .cover-base{text-align: center; padding: 22px 0px; font-size: 12px; color: rgb(164, 140, 182);}
.approved-page.approved-project .p2-copy .lede{margin-top: 25px;}
.approved-page.approved-project .p2-tags{display: flex; gap: 8px; margin-top: 25px;}
.approved-page.approved-project .p2-tags span{padding: 6px 13px; background: rgb(247, 229, 220); border-radius: 20px; font-size: 11px; color: rgb(173, 130, 116);}
.approved-page.approved-project .shelf{background: rgb(237, 243, 236); padding: 35px 30px; border-radius: 25px;}
.approved-page.approved-project .shelf-title{display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 25px;}
.approved-page.approved-project .shelf-title h2{font-size: 28px;}
.approved-page.approved-project .output-grid{display: grid; grid-template-columns: 1.35fr 1fr 1fr; gap: 20px;}
.approved-page.approved-project .output{background: rgb(255, 253, 246); padding: 25px; min-height: 245px; border-radius: 4px; box-shadow: rgba(198, 215, 196, 0.23) 0px 10px 0px;}
.approved-page.approved-project .large-equation b{font: 58px Georgia; color: rgb(192, 147, 124);}
.approved-page.approved-project .large-equation span{font: 28px Georgia; color: rgb(176, 152, 154); margin-left: 12px;}
.approved-page.approved-project .output > p{font-size: 12px; color: rgb(176, 152, 154); margin-top: 10px;}
.approved-page.approved-project .mini-flow{display: flex; flex-direction: column; align-items: center; gap: 8px;}
.approved-page.approved-project .mini-flow span{padding: 6px 18px; background: rgb(237, 230, 245); border-radius: 20px; font-size: 12px; color: rgb(160, 128, 173);}
.approved-page.approved-project .mini-flow i{font-style: normal; color: rgb(207, 186, 207);}
.approved-page.approved-project .output h3{font-size: 28px; margin-top: 25px;}
.approved-page.approved-project .p2-process{display: grid; grid-template-columns: 1fr 1.4fr; gap: 80px; margin: 55px 0px 0px;}
.approved-page.approved-project .p2-process .steps{display: grid; grid-template-columns: 1fr 1fr; gap: 12px 25px;}
@media (max-width: 700px){.approved-page.approved-project .p2{padding: 15px 0px;}
.approved-page.approved-project .p2-hero{display: flex; flex-direction: column; gap: 30px; padding: 10px 0px 35px;}
.approved-page.approved-project .p2-copy{order: 0;}
.approved-page.approved-project .p2-cover{order: 1; width: 100%; min-height: 445px; padding: 20px 30px 0px;}
.approved-page.approved-project .cover-frame{min-height: 350px; padding: 25px;}
.approved-page.approved-project .cover-frame h2{font-size: 35px;}
.approved-page.approved-project .cover-grid{margin: 25px 0px;}
.approved-page.approved-project .cover-grid i{height: 25px;}
.approved-page.approved-project .shelf{padding: 25px 18px;}
.approved-page.approved-project .shelf-title{display: block;}
.approved-page.approved-project .shelf-title .small{margin-top: 12px;}
.approved-page.approved-project .output-grid{display: block;}
.approved-page.approved-project .output{margin: 20px 0px; min-height: 190px;}
.approved-page.approved-project .p2-process{display: block; margin-top: 35px;}
.approved-page.approved-project .p2-process .steps{display: block; margin-top: 15px;}
.approved-page.approved-project .p2-copy h1{font-size: 38px;}}
.approved-page.approved-life *{box-sizing: border-box;}
.approved-page.approved-life{margin: 0px; background: rgb(255, 248, 236); color: rgb(63, 45, 77); font: 16px / 1.9 "Microsoft YaHei", sans-serif; overflow-x: hidden;}
.approved-page.approved-life h1,.approved-page.approved-life h2,.approved-page.approved-life h3,.approved-page.approved-life p{margin: 0px;}
.approved-page.approved-life h1,.approved-page.approved-life h2,.approved-page.approved-life h3{font-family: Georgia, STSong, SimSun, serif; font-weight: 500;}
.approved-page.approved-life a{color: inherit; text-decoration: none;}
.approved-page.approved-life .bar{background: rgb(255, 209, 102); padding: 10px 5%; font-size: 11px; display: flex; justify-content: space-between; color: rgb(138, 90, 43);}
.approved-page.approved-life .bar b{font-size: 14px; color: rgb(122, 74, 32);}
.approved-page.approved-life header{height: 80px; padding: 0px 5%; display: flex; align-items: center; justify-content: space-between; background: rgb(255, 248, 236);}
.approved-page.approved-life .brand{font: 700 18px Georgia, serif; letter-spacing: 1px; color: rgb(91, 63, 107);}
.approved-page.approved-life .brand img{width: 26px; vertical-align: middle; margin-right: 9px;}
.approved-page.approved-life header nav{font-size: 12px; color: rgb(160, 138, 176);}
.approved-page.approved-life header small{font-size: 10px; color: rgb(182, 161, 189);}
.approved-page.approved-life .hero{position: relative; padding: 18px 4% 0px; overflow: hidden;}
.approved-page.approved-life .sky{position: relative; background: linear-gradient(160deg, rgb(255, 232, 163) 0%, rgb(255, 217, 229) 46%, rgb(220, 213, 255) 100%); border-radius: 44px 44px 18px 18px; padding: 30px 34px 0px; overflow: hidden;}
.approved-page.approved-life .sky::before{content: ""; position: absolute; width: 320px; height: 320px; right: -70px; top: -120px; background: radial-gradient(rgba(255, 249, 215, 0.8), rgba(255, 249, 215, 0) 70%); border-radius: 50%;}
.approved-page.approved-life .confetti{position: absolute; inset: 0px; pointer-events: none;}
.approved-page.approved-life .confetti i{position: absolute; display: block;}
.approved-page.approved-life .confetti i:nth-child(1){width: 14px; height: 14px; background: rgb(255, 122, 156); border-radius: 50%; left: 6%; top: 16%;}
.approved-page.approved-life .confetti i:nth-child(2){width: 10px; height: 10px; background: rgb(123, 223, 242); left: 15%; top: 68%;}
.approved-page.approved-life .confetti i:nth-child(3){width: 18px; height: 7px; background: rgb(255, 201, 60); left: 46%; top: 9%; transform: rotate(24deg); border-radius: 2px;}
.approved-page.approved-life .confetti i:nth-child(4){width: 9px; height: 9px; background: rgb(160, 231, 184); border-radius: 50%; right: 12%; top: 26%;}
.approved-page.approved-life .confetti i:nth-child(5){width: 16px; height: 6px; background: rgb(200, 182, 255); right: 6%; bottom: 22%; transform: rotate(-18deg); border-radius: 2px;}
.approved-page.approved-life .confetti i:nth-child(6){width: 11px; height: 11px; background: rgb(255, 159, 104); border-radius: 50%; left: 30%; bottom: 12%;}
.approved-page.approved-life .sky-top{position: relative; display: flex; align-items: center; justify-content: space-between; gap: 20px; z-index: 2;}
.approved-page.approved-life .now{display: flex; align-items: center; gap: 12px; background: rgb(255, 253, 246); border: 2px solid rgb(255, 176, 196); border-radius: 40px; padding: 8px 20px 8px 14px; box-shadow: rgb(245, 201, 214) 0px 6px 0px;}
.approved-page.approved-life .now .bulbs{display: flex; gap: 5px;}
.approved-page.approved-life .now .bulbs i{width: 8px; height: 8px; border-radius: 50%; background: rgb(255, 209, 102); box-shadow: rgb(255, 233, 176) 0px 0px 0px 2px;}
.approved-page.approved-life .now span{font: 13px "Microsoft YaHei"; color: rgb(178, 102, 132); letter-spacing: 2px;}
.approved-page.approved-life .sky-top .meta{font-size: 10px; letter-spacing: 2px; color: rgb(155, 127, 168);}
.approved-page.approved-life .title-wrap{position: relative; z-index: 2; padding: 14px 0px 6px;}
.approved-page.approved-life h1{font-size: 76px; line-height: 1.16; letter-spacing: -1px; color: rgb(84, 51, 103);}
.approved-page.approved-life h1 em{font-style: normal; color: rgb(242, 86, 138);}
.approved-page.approved-life h1 .u{position: relative; display: inline-block; background: linear-gradient(transparent 64%, rgb(255, 209, 102) 64%, rgb(255, 209, 102) 94%, transparent 94%); padding: 0px 2px;}
.approved-page.approved-life .spk{position: absolute; opacity: 0.9;}
.approved-page.approved-life .title-wrap{position: relative; z-index: 2; padding: 14px 0px 6px;}
.approved-page.approved-life .stage{position: relative; margin: 18px -34px 0px; padding: 0px 34px;}
.approved-page.approved-life .valance{display: flex; height: 30px;}
.approved-page.approved-life .valance i{flex: 1 1 0%; background: repeating-linear-gradient(90deg, rgb(255, 143, 171) 0px, rgb(255, 143, 171) 10px, rgb(255, 194, 209) 12px, rgb(255, 194, 209) 22px); clip-path: polygon(0px 0px, 100% 0px, 100% 45%, 94% 100%, 88% 45%, 82% 100%, 76% 45%, 70% 100%, 64% 45%, 58% 100%, 52% 45%, 46% 100%, 40% 45%, 34% 100%, 28% 45%, 22% 100%, 16% 45%, 10% 100%, 4% 45%, 0px 100%);}
.approved-page.approved-life .frame{position: relative; height: 420px; overflow: hidden; border-width: 9px 9px 0px; border-style: solid solid none; border-color: rgb(255, 253, 245) rgb(255, 253, 245) currentcolor; border-image: none; border-radius: 16px 16px 0px 0px; box-shadow: rgba(163, 111, 138, 0.15) 0px 16px 34px;}
.approved-page.approved-life .frame img{width: 100%; height: 100%; object-fit: cover; object-position: center 36%;}
.approved-page.approved-life .frame::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(255, 209, 102, 0.18), transparent 45%, rgba(138, 75, 184, 0.1));}
.approved-page.approved-life .tape{position: absolute; width: 118px; height: 26px; background: rgb(255, 226, 138); opacity: 0.9; z-index: 2; border-radius: 2px;}
.approved-page.approved-life .tape.t1{left: 26px; top: -6px; transform: rotate(-7deg); background: rgb(255, 226, 138);}
.approved-page.approved-life .tape.t2{right: 26px; top: -6px; transform: rotate(6deg); background: rgb(168, 230, 207);}
.approved-page.approved-life .stamp{position: absolute; right: 20px; top: 18px; width: 96px; height: 96px; border-radius: 50%; background: rgba(255, 253, 245, 0.9); border: 3px dashed rgb(242, 86, 138); display: grid; place-items: center; text-align: center; font: 11px / 1.5 "Microsoft YaHei"; color: rgb(211, 77, 118); transform: rotate(-9deg); z-index: 2; letter-spacing: 1px;}
.approved-page.approved-life .spark-s{position: absolute; z-index: 2; opacity: 0.75;}
.approved-page.approved-life .curtain{position: absolute; top: 0px; bottom: 0px; width: 11%; background: repeating-linear-gradient(90deg, rgb(255, 154, 180) 0px, rgb(255, 154, 180) 12px, rgb(255, 200, 214) 15px, rgb(255, 200, 214) 27px); z-index: 1;}
.approved-page.approved-life .curtain.l{left: 0px; clip-path: polygon(0px 0px, 100% 0px, 62% 40%, 88% 100%, 0px 100%);}
.approved-page.approved-life .curtain.r{right: 0px; clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 12% 100%, 38% 40%);}
.approved-page.approved-life .chiprow{position: absolute; left: 0px; right: 0px; bottom: 14px; display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; z-index: 2; padding: 0px 16px;}
.approved-page.approved-life .chip{background: rgb(255, 253, 245); border-radius: 30px; padding: 7px 16px; font-size: 12px; color: rgb(138, 95, 155); box-shadow: rgb(231, 201, 221) 0px 4px 0px;}
.approved-page.approved-life .chip:nth-child(2){color: rgb(176, 106, 47); box-shadow: rgb(243, 220, 174) 0px 4px 0px;}
.approved-page.approved-life .chip:nth-child(3){color: rgb(63, 143, 116); box-shadow: rgb(194, 229, 213) 0px 4px 0px;}
.approved-page.approved-life .floor{height: 22px; background: linear-gradient(rgb(247, 185, 198), rgb(240, 159, 178)); margin: 0px -34px; border-radius: 0px 0px 12px 12px;}
.approved-page.approved-life .hero-caption{display: flex; justify-content: space-between; gap: 16px; font-size: 10px; color: rgb(168, 140, 174); padding: 12px 4px 0px 170px; letter-spacing: 1px;}
.approved-page.approved-life .mascot{position: absolute; left: 18px; bottom: -6px; width: 150px; z-index: 3; filter: drop-shadow(rgba(160, 107, 138, 0.18) 0px 8px 6px);}
.approved-page.approved-life .wave{display: block; width: 100%; height: 38px; margin: 34px 0px -6px;}
.approved-page.approved-life .intro{max-width: 1180px; margin: 34px auto 0px; padding: 34px 44px; display: grid; grid-template-columns: 1.05fr 1fr; gap: 56px; align-items: start; background: rgb(255, 240, 246); border-radius: 34px;}
.approved-page.approved-life .intro .lead{font: 25px / 1.8 STKaiti, KaiTi, serif; color: rgb(139, 94, 134);}
.approved-page.approved-life .intro .lead b{color: rgb(242, 86, 138); font-weight: 400;}
.approved-page.approved-life .intro p{font-size: 15px; color: rgb(141, 117, 149); line-height: 2.1;}
.approved-page.approved-life .intro .tag{display: inline-block; font-size: 10px; letter-spacing: 3px; color: rgb(194, 128, 154); margin-bottom: 14px;}
.approved-page.approved-life .tkt{position: relative; display: inline-flex; align-items: center; gap: 16px; margin-top: 20px; padding: 12px 22px 12px 30px; background: rgb(255, 253, 245); border: 2px dashed rgb(255, 176, 196); border-radius: 6px; transform: rotate(-2deg); box-shadow: rgb(255, 225, 234) 0px 6px 0px;}
.approved-page.approved-life .tkt::before{content: ""; position: absolute; left: 8px; top: 0px; bottom: 0px; width: 9px; background: radial-gradient(circle at 50% 6px, rgb(255, 209, 102) 4px, transparent 4.5px) 0px 0px / 9px 12px repeat-y; opacity: 0.85;}
.approved-page.approved-life .tkt span{font-size: 12px; color: rgb(160, 107, 156); letter-spacing: 1px;}
.approved-page.approved-life .tkt b{font: 15px Georgia, serif; color: rgb(242, 86, 138); letter-spacing: 1px;}
.approved-page.approved-life .acts{max-width: 1160px; margin: 52px auto 0px; padding: 0px 40px;}
.approved-page.approved-life .acts-head{display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 20px;}
.approved-page.approved-life .acts-head h2{font-size: 34px; color: rgb(107, 66, 118);}
.approved-page.approved-life .acts-head span{font-size: 10px; letter-spacing: 3px; color: rgb(187, 143, 164);}
.approved-page.approved-life .act{position: relative; border-radius: 26px; padding: 26px 30px; margin-bottom: 16px; display: grid; grid-template-columns: 104px 1fr 250px; gap: 26px; align-items: center; overflow: hidden;}
.approved-page.approved-life .act.a1{background: rgb(255, 201, 219); box-shadow: rgb(255, 157, 189) 0px 10px 0px;}
.approved-page.approved-life .act.a2{background: rgb(191, 230, 255); box-shadow: rgb(142, 205, 242) 0px 10px 0px;}
.approved-page.approved-life .act.a3{background: rgb(198, 246, 213); box-shadow: rgb(150, 226, 171) 0px 10px 0px;}
.approved-page.approved-life .act .num{font: 52px / 1 Georgia, serif; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.07) 0px 3px 0px;}
.approved-page.approved-life .act.a1 .num{color: rgb(255, 112, 150);}
.approved-page.approved-life .act.a2 .num{color: rgb(74, 168, 216);}
.approved-page.approved-life .act.a3 .num{color: rgb(79, 191, 136);}
.approved-page.approved-life .act h3{font-size: 29px; color: rgb(92, 58, 107);}
.approved-page.approved-life .act p{font-size: 14px; color: rgb(127, 106, 140); margin-top: 8px;}
.approved-page.approved-life .act .duty{font-size: 13px; color: rgb(122, 95, 136); background: rgba(255, 253, 245, 0.8); border-radius: 16px; padding: 12px 16px; line-height: 1.8;}
.approved-page.approved-life .act .spark{position: absolute; right: -12px; top: -14px; width: 40px; opacity: 0.5;}
.approved-page.approved-life .act-note{font-size: 11px; color: rgb(180, 145, 165); margin-top: 14px; line-height: 1.9;}
.approved-page.approved-life .backstage{max-width: 1180px; margin: 52px auto 0px; padding: 34px 44px 38px; background: rgb(238, 248, 255); border-radius: 34px;}
.approved-page.approved-life .bs-head{display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 18px;}
.approved-page.approved-life .bs-head h2{font-size: 31px; color: rgb(107, 66, 118);}
.approved-page.approved-life .bs-head span{font-size: 11px; color: rgb(181, 143, 163);}
.approved-page.approved-life .slots{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
.approved-page.approved-life .slot{position: relative; height: 196px; border-radius: 20px; display: grid; place-items: center; text-align: center; font: 17px STKaiti, KaiTi, serif; color: rgb(150, 112, 127);}
.approved-page.approved-life .slot.s1{background: rgb(255, 242, 201); border: 2px dashed rgb(240, 201, 107);}
.approved-page.approved-life .slot.s2{background: rgb(255, 228, 239); border: 2px dashed rgb(242, 167, 195); transform: rotate(-1deg);}
.approved-page.approved-life .slot.s3{background: rgb(226, 247, 255); border: 2px dashed rgb(146, 207, 230); transform: rotate(1deg);}
.approved-page.approved-life .slot small{display: block; font: 9px "Microsoft YaHei"; color: rgb(179, 147, 143); letter-spacing: 2px; margin-top: 8px;}
.approved-page.approved-life .slot .pin{position: absolute; width: 26px; height: 26px; border-radius: 50%; background: rgb(255, 209, 102); top: -11px; left: 50%; transform: translateX(-50%); box-shadow: rgb(232, 185, 63) 0px 3px 0px;}
.approved-page.approved-life .slot.s2 .pin{background: rgb(255, 159, 188); box-shadow: rgb(224, 127, 160) 0px 3px 0px;}
.approved-page.approved-life .slot.s3 .pin{background: rgb(142, 211, 232); box-shadow: rgb(111, 181, 204) 0px 3px 0px;}
.approved-page.approved-life .closing{max-width: 1000px; margin: 56px auto 0px; padding: 0px 40px; text-align: center; position: relative;}
.approved-page.approved-life .closing .bubble{display: inline-block; background: rgb(200, 182, 255); color: rgb(255, 253, 246); border-radius: 40px 40px 40px 10px; padding: 16px 30px; font: 23px / 1.7 STKaiti, KaiTi, serif; box-shadow: rgb(169, 140, 232) 0px 8px 0px;}
.approved-page.approved-life .closing .tiny{font-size: 10px; color: rgb(187, 156, 178); letter-spacing: 2px; margin-top: 20px;}
.approved-page.approved-life .dots{display: flex; justify-content: center; gap: 9px; margin-top: 26px;}
.approved-page.approved-life .dots i{width: 11px; height: 11px; border-radius: 50%;}
.approved-page.approved-life .dots i:nth-child(1){background: rgb(255, 112, 150);}
.approved-page.approved-life .dots i:nth-child(2){background: rgb(255, 209, 102);}
.approved-page.approved-life .dots i:nth-child(3){background: rgb(123, 223, 242);}
.approved-page.approved-life .dots i:nth-child(4){background: rgb(160, 231, 184);}
.approved-page.approved-life .dots i:nth-child(5){background: rgb(200, 182, 255);}
.approved-page.approved-life footer{max-width: 1160px; margin: 38px auto 0px; padding: 20px 40px; border-top: 1px solid rgb(240, 223, 232); display: flex; justify-content: space-between; font-size: 10px; color: rgb(189, 160, 178);}
@media (max-width: 700px){.approved-page.approved-life .bar{display: block; padding: 11px 22px;}
.approved-page.approved-life .bar span{display: block; font-size: 9px; margin-top: 3px;}
.approved-page.approved-life header{height: 70px; padding: 0px 22px;}
.approved-page.approved-life .brand{font-size: 15px;}
.approved-page.approved-life header nav{display: none;}
.approved-page.approved-life header small{font-size: 9px;}
.approved-page.approved-life .hero{padding: 14px 12px 0px;}
.approved-page.approved-life .sky{border-radius: 26px 26px 14px 14px; padding: 20px 18px 0px;}
.approved-page.approved-life .sky-top{display: block;}
.approved-page.approved-life .now{display: inline-flex; padding: 6px 15px 6px 11px;}
.approved-page.approved-life .now span{font-size: 11px;}
.approved-page.approved-life .sky-top .meta{display: block; margin-top: 10px; font-size: 9px;}
.approved-page.approved-life h1{font-size: 41px; margin-top: 14px;}
.approved-page.approved-life h1 .u::after{height: 9px; bottom: 3px;}
.approved-page.approved-life .stage{margin: 14px -18px 0px; padding: 0px 18px;}
.approved-page.approved-life .valance{height: 20px;}
.approved-page.approved-life .frame{height: 214px; border-width: 6px;}
.approved-page.approved-life .curtain{width: 9%;}
.approved-page.approved-life .chiprow{bottom: 9px; gap: 6px; padding: 0px 10px;}
.approved-page.approved-life .chip{font-size: 9px; padding: 4px 10px;}
.approved-page.approved-life .floor{height: 16px; margin: 0px -18px;}
.approved-page.approved-life .hero-caption{display: block; font-size: 8px; padding: 10px 2px 0px;}
.approved-page.approved-life .hero-caption span{display: block;}
.approved-page.approved-life .mascot{display: none;}
.approved-page.approved-life .stamp{width: 64px; height: 64px; font-size: 8px; right: 10px; top: 10px; border-width: 2px;}
.approved-page.approved-life .tape{width: 70px; height: 18px;}
.approved-page.approved-life .tape.t1{left: 10px;}
.approved-page.approved-life .tape.t2{right: 10px;}
.approved-page.approved-life .wave{height: 22px; margin: 22px 0px -8px;}
.approved-page.approved-life .intro{display: block; padding: 24px 22px; margin-top: 24px; border-radius: 24px;}
.approved-page.approved-life .intro .lead{font-size: 20px;}
.approved-page.approved-life .intro p{font-size: 14px; margin-top: 16px;}
.approved-page.approved-life .acts{padding: 0px 22px; margin-top: 36px;}
.approved-page.approved-life .acts-head{display: block; margin-bottom: 16px;}
.approved-page.approved-life .acts-head h2{font-size: 26px;}
.approved-page.approved-life .acts-head span{display: block; margin-top: 6px; font-size: 9px;}
.approved-page.approved-life .act{grid-template-columns: 1fr; gap: 12px; padding: 20px 20px 22px; border-radius: 20px;}
.approved-page.approved-life .act .num{font-size: 38px;}
.approved-page.approved-life .act h3{font-size: 24px; margin-top: -6px;}
.approved-page.approved-life .act p{font-size: 13px;}
.approved-page.approved-life .act .duty{font-size: 12px; padding: 10px 13px;}
.approved-page.approved-life .backstage{padding: 24px 22px 26px; margin-top: 36px; border-radius: 24px;}
.approved-page.approved-life .bs-head{display: block;}
.approved-page.approved-life .bs-head h2{font-size: 25px;}
.approved-page.approved-life .bs-head span{display: block; margin-top: 6px;}
.approved-page.approved-life .slots{grid-template-columns: 1fr; gap: 12px;}
.approved-page.approved-life .slot{height: 150px; font-size: 15px;}
.approved-page.approved-life .closing{padding: 0px 22px; margin-top: 40px;}
.approved-page.approved-life .closing .bubble{font-size: 19px; padding: 14px 20px;}
.approved-page.approved-life footer{padding: 18px 22px; font-size: 9px; gap: 14px; flex-direction: column;}}
/* === DSH additions 2026-10-30: project background + curtain interaction === */
.approved-page.approved-project .p2-bg-btn{margin-top:20px;display:inline-flex;align-items:center;gap:8px;border:1.5px solid #c49ad8;background:#fff8f2;color:#7a4b8c;border-radius:999px;padding:10px 20px;font:600 13px/1 "Microsoft YaHei";letter-spacing:1px;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}
.approved-page.approved-project .p2-bg-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 6px 16px rgba(122,75,140,.18)}
.approved-page.approved-project .p2-bg-btn:focus-visible{outline:2px solid #b98bd6;outline-offset:3px}
.approved-page.approved-project .p2-bg-panel{margin-top:14px;max-width:580px;background:#fffaf4;border:1px solid #eadcf2;border-radius:18px;padding:16px 20px;font-size:13px;line-height:1.85;color:#5c4a63;box-shadow:0 10px 24px rgba(140,110,160,.08)}
.approved-page.approved-project .p2-bg-panel[hidden]{display:none}
.approved-page.approved-project .p2-bg-panel p{margin:0 0 8px}
.approved-page.approved-project .p2-bg-panel p:last-child{margin-bottom:0}
.approved-page.approved-project .p2-bg-panel b{color:#8a5aa8}

/* curtain: closed by default, open on toggle */
.approved-page.approved-life .frame .curtain{width:50%;clip-path:none;z-index:4;transition:transform .85s cubic-bezier(.77,0,.18,1);will-change:transform;box-shadow:inset -18px 0 46px rgba(120,30,60,.18)}
.approved-page.approved-life .frame .curtain.l{left:0;transform:translateX(0)}
.approved-page.approved-life .frame .curtain.r{right:0;transform:translateX(0)}
.approved-page.approved-life .frame[data-open="true"] .curtain.l{transform:translateX(-101%)}
.approved-page.approved-life .frame[data-open="true"] .curtain.r{transform:translateX(101%)}
.approved-page.approved-life .frame .chiprow{transition:opacity .3s .18s;z-index:5}
.approved-page.approved-life .frame[data-open="false"] .chiprow{opacity:0;pointer-events:none}
.approved-page.approved-life .curtain-toggle{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:6;border:0;border-radius:999px;padding:11px 28px;background:#fff9f0;color:#9a4a63;font:700 13px/1 "Microsoft YaHei";letter-spacing:3px;cursor:pointer;box-shadow:0 6px 18px rgba(154,74,99,.28);transition:background .2s,transform .2s}
.approved-page.approved-life .curtain-toggle:hover{background:#fff;transform:translateX(-50%) translateY(-1px)}
.approved-page.approved-life .curtain-toggle:focus-visible{outline:2px solid #ff8fa8;outline-offset:3px}

/* === DSH additions: life photos (two) === */
.approved-page.approved-life .life-gallery .bs-head{margin-bottom:10px}
.approved-page.approved-life .life-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:6px}
.approved-page.approved-life .life-photo{margin:0;background:#fffdf8;padding:10px 10px 4px;border-radius:20px;box-shadow:0 14px 34px rgba(120,90,140,.14);transform:rotate(-.7deg);transition:transform .3s ease,box-shadow .3s ease}
.approved-page.approved-life .life-photo.p2{transform:rotate(.7deg)}
.approved-page.approved-life .life-photo:hover{transform:rotate(0) translateY(-3px);box-shadow:0 20px 40px rgba(120,90,140,.2)}
.approved-page.approved-life .life-photo img{display:block;width:100%;height:340px;object-fit:cover;border-radius:14px}
.approved-page.approved-life .life-photo figcaption{font:15px STKaiti, KaiTi, serif;color:#8d6a7f;text-align:center;padding:10px 0 6px;letter-spacing:1px}
@media (max-width:700px){
  .approved-page.approved-life .life-photos{grid-template-columns:1fr;gap:16px}
  .approved-page.approved-life .life-photo img{height:250px}
}