#yr-homepage-reference-v2 .pc-profile-page{--pc-u:calc(min(100vw,850px)/850);--pc-nav:calc(180*var(--pc-u));position:relative;width:100%;max-width:850px;min-height:100dvh;margin:0 auto;padding:0 0 calc(var(--pc-nav) + env(safe-area-inset-bottom,0px) + 20px);background:#f7f7f0;border:0;border-radius:0;box-shadow:none;overflow:visible;display:block;color:#153e35;font-family:system-ui,'Microsoft YaHei',sans-serif}
#yr-homepage-reference-v2 .pc-profile-page::before,#yr-homepage-reference-v2 .pc-profile-page::after{content:none;display:none}
#yr-homepage-reference-v2 .pc-profile-page main{margin:0;padding:0;display:block}
#yr-homepage-reference-v2 .pc-profile-page button,#yr-homepage-reference-v2 .pc-profile-page a{box-sizing:border-box;-webkit-tap-highlight-color:transparent;transform:none;box-shadow:none;text-decoration:none}
#yr-homepage-reference-v2 .pc-profile-page button:focus-visible,#yr-homepage-reference-v2 .pc-profile-page a:focus-visible{outline:2px solid #987e4f;outline-offset:2px}
#yr-homepage-reference-v2 .pc-profile-page button:hover{transform:none}
.pc-upper{position:relative;isolation:isolate;width:100%;height:calc(599*var(--pc-u));overflow:clip}
#yr-homepage-reference-v2 .pc-upper>.pc-layer{position:absolute;top:0;left:0;display:block;width:100%;height:calc(1850*var(--pc-u));max-width:none;object-fit:fill;margin:0;padding:0;border:0;border-radius:0;pointer-events:none;user-select:none;filter:none;transform:none;box-shadow:none}
.pc-base{z-index:1}.pc-motion{z-index:2;opacity:0;mask:url('./assets/profile-motion-v1/video-window.svg') 0 0/100% 100% no-repeat;-webkit-mask:url('./assets/profile-motion-v1/video-window.svg') 0 0/100% 100% no-repeat}.pc-protection{z-index:3;visibility:hidden;mask:url('./assets/profile-motion-v1/protection-mask.svg') 0 0/100% 100% no-repeat;-webkit-mask:url('./assets/profile-motion-v1/protection-mask.svg') 0 0/100% 100% no-repeat}.pc-motion-ready .pc-motion{opacity:1}.pc-motion-ready .pc-protection{visibility:visible}.pc-upper[data-static] .pc-motion{opacity:0}.pc-upper[data-static] .pc-protection{visibility:hidden}
#yr-homepage-reference-v2 .pc-hero-status{position:absolute;z-index:4;display:flex;align-items:center;gap:calc(9*var(--pc-u));left:calc(165*var(--pc-u));top:calc(345*var(--pc-u));width:calc(231*var(--pc-u));height:calc(31*var(--pc-u));margin:0;padding:0 0 0 calc(5*var(--pc-u));background:#f7f7ef;color:#75776c;font:400 calc(21*var(--pc-u))/1.1 system-ui;white-space:nowrap;pointer-events:none}.pc-hero-status i{width:calc(15*var(--pc-u));height:calc(15*var(--pc-u));border-radius:50%;background:#af895f}.pc-hero-status.is-normal{opacity:0}

#yr-homepage-reference-v2 .pc-content{position:relative;z-index:4;margin:0 calc(30*var(--pc-u));padding:clamp(14px,calc(28*var(--pc-u)),28px);border:1px solid #e8e8df;border-radius:calc(28*var(--pc-u));background:#faf9f4;display:flex;flex-direction:column;gap:clamp(12px,calc(22*var(--pc-u)),22px);box-shadow:0 10px 35px #385c3710}
#yr-homepage-reference-v2 .pc-content svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#yr-homepage-reference-v2 .pc-account-row{display:flex;align-items:center;gap:10px;min-width:0;padding:2px 3px 5px;margin:0}
.pc-account-row>div{display:flex;align-items:center;gap:12px;flex:1;min-width:0;flex-wrap:wrap}
#yr-homepage-reference-v2 .pc-account-row h1{font:500 clamp(16px,calc(31*var(--pc-u)),31px)/1.4 system-ui;color:#183e35;margin:0;overflow-wrap:anywhere;max-width:100%}
.pc-account-status{display:flex;align-items:center;gap:5px;color:#808576;font-size:12px;white-space:nowrap}.pc-account-status i{width:6px;height:6px;background:#7b9779;border-radius:50%}.pc-account-status i.is-other{background:#aa8053}
#yr-homepage-reference-v2 .pc-account-row>button{border:1px solid #dce1d5;border-radius:30px;background:transparent;padding:8px 12px;color:#48624b;white-space:nowrap;font:12px system-ui;cursor:pointer;min-width:0;min-height:36px;margin:0}
#yr-homepage-reference-v2 .pc-account-row>.pc-refresh{display:grid;place-items:center;width:36px;height:36px;padding:9px;flex-shrink:0}.pc-refresh.is-refreshing svg{opacity:.45}
#yr-homepage-reference-v2 .pc-id-card{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-width:0;min-height:calc(139*var(--pc-u));padding:clamp(15px,calc(29*var(--pc-u)),29px) clamp(15px,calc(34*var(--pc-u)),34px);margin:0;border:1px solid #dedfd6;border-radius:calc(25*var(--pc-u));background:#fbfaf5;color:#153f36;text-align:left;cursor:pointer}
.pc-id-card>span{display:flex;flex-direction:column;min-width:0;gap:9px;flex:1}.pc-id-card small{font-size:clamp(11px,calc(21*var(--pc-u)),21px);line-height:1.4;color:#31574d}
#yr-homepage-reference-v2 .pc-registration{font:500 clamp(21px,calc(44*var(--pc-u)),44px)/1.25 system-ui;letter-spacing:1px;overflow-wrap:anywhere;word-break:break-word;min-width:0}
.pc-id-card em{display:flex;align-items:center;gap:8px;padding-left:clamp(10px,calc(40*var(--pc-u)),40px);border-left:1px solid #dedfd5;font:clamp(12px,calc(24*var(--pc-u)),24px) system-ui;white-space:nowrap;flex-shrink:0}.pc-id-card em svg{width:clamp(19px,calc(35*var(--pc-u)),35px)!important;height:clamp(19px,calc(35*var(--pc-u)),35px)!important}
#yr-homepage-reference-v2 .pc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;border:1px solid #dfe2d8;border-radius:calc(26*var(--pc-u));overflow:clip;background:#fbfaf5}
#yr-homepage-reference-v2 .pc-stat{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:12px;min-width:0;min-height:calc(209*var(--pc-u));margin:0;padding:clamp(14px,calc(27*var(--pc-u)),27px) clamp(8px,calc(27*var(--pc-u)),27px);border:0;border-right:1px solid #dedfd6;border-radius:0;background:transparent;color:#113d32;text-align:left;cursor:pointer}
#yr-homepage-reference-v2 .pc-stat:last-child{border-right:0}.pc-stat.pc-balance-stat{background:#edf0e7!important}
.pc-stat-label{display:flex;align-items:center;justify-content:flex-start;gap:clamp(5px,calc(12*var(--pc-u)),12px);font-size:clamp(12px,calc(25*var(--pc-u)),25px);line-height:1.4;white-space:nowrap}.pc-stat-label i{display:grid;place-items:center;flex-shrink:0;width:clamp(22px,calc(52*var(--pc-u)),52px);height:clamp(22px,calc(52*var(--pc-u)),52px);padding:clamp(3px,calc(9*var(--pc-u)),9px);border-radius:50%;background:#e8ece0}
.pc-stat-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;min-width:0}.pc-stat-value b{font:400 clamp(32px,calc(77*var(--pc-u)),77px)/1 'Times New Roman',serif;overflow-wrap:anywhere;min-width:0;font-variant-numeric:tabular-nums}.pc-stat-value small{font-size:clamp(10px,calc(19*var(--pc-u)),19px);color:#828773}.pc-stat-value[data-size=medium] b{font-size:clamp(24px,calc(55*var(--pc-u)),55px)}.pc-stat-value[data-size=small] b{font-size:clamp(17px,calc(34*var(--pc-u)),34px)}
.pc-stat-note{font-size:clamp(10px,calc(18*var(--pc-u)),18px);line-height:1.6;color:#818673;overflow-wrap:anywhere}
#yr-homepage-reference-v2 .pc-ledger{margin:0;padding:clamp(16px,calc(36*var(--pc-u)),36px);border:1px solid #dfe1d7;border-radius:calc(25*var(--pc-u));background:#fbfaf5;scroll-margin-top:16px}
.pc-ledger>header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pc-ledger>header>div{min-width:0}.pc-ledger>header small{font:clamp(10px,calc(19*var(--pc-u)),19px)/1.5 Georgia,serif;letter-spacing:3px;color:#79816d}
#yr-homepage-reference-v2 .pc-ledger h2{margin:9px 0 0;font:500 clamp(25px,calc(51*var(--pc-u)),51px)/1.3 'Songti SC','SimSun',serif;letter-spacing:2px;color:#123b32}
#yr-homepage-reference-v2 .pc-ledger-toggle{display:flex;align-items:center;justify-content:center;gap:clamp(7px,calc(19*var(--pc-u)),19px);margin:0;padding:clamp(8px,calc(18*var(--pc-u)),18px) clamp(12px,calc(32*var(--pc-u)),32px);border:1px solid #dce0d4;border-radius:50px;background:#fafaf4;color:#264d40;font:clamp(12px,calc(27*var(--pc-u)),27px)/1.25 system-ui;white-space:nowrap;cursor:pointer;min-width:0;min-height:36px}.pc-ledger-toggle>span{width:clamp(14px,calc(25*var(--pc-u)),25px);height:clamp(14px,calc(25*var(--pc-u)),25px)}.pc-ledger-toggle .is-up{transform:rotate(180deg)}.pc-ledger-toggle:disabled{opacity:.5;cursor:default}
#yr-homepage-reference-v2 .pc-ledger-summary{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin:14px 0 0;color:#7e8476;font:clamp(12px,calc(28*var(--pc-u)),28px)/1.5 system-ui}.pc-ledger-summary b{color:#274c41;font-weight:400;overflow-wrap:anywhere}.pc-ledger-summary>span{margin:0 3px}
.pc-ledger-list{margin-top:16px;border-top:1px solid #dee2d5;display:grid}.pc-ledger-list article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid #e3e5db;font:13px/1.6 system-ui}.pc-ledger-list article:last-child{border:0;padding-bottom:0}.pc-ledger-list strong{font-weight:500;color:#244c3c}.pc-ledger-list small,.pc-ledger-list article div>span{display:block;font-size:11px;line-height:1.7;overflow-wrap:anywhere;color:#8a8d7f}.pc-ledger-list .plus{color:#426d4c}.pc-ledger-list .minus{color:#9b7b58}
#yr-homepage-reference-v2 .pc-menu{display:flex;flex-direction:column;margin:8px 0 0;padding:0;border-top:1px solid #c7cdbf}
#yr-homepage-reference-v2 .pc-menu-row{display:flex;align-items:center;gap:clamp(16px,calc(48*var(--pc-u)),48px);width:100%;min-width:0;min-height:calc(124*var(--pc-u));padding:clamp(16px,calc(29*var(--pc-u)),29px) clamp(8px,calc(21*var(--pc-u)),21px);margin:0;border:0;border-bottom:1px solid #e0e2d8;border-radius:0;background:transparent;color:#254b40;text-align:left;cursor:pointer}
.pc-menu-icon{display:block;width:clamp(25px,calc(48*var(--pc-u)),48px);height:clamp(25px,calc(48*var(--pc-u)),48px);flex-shrink:0}.pc-menu-copy{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.pc-menu-copy b{font:400 clamp(15px,calc(30*var(--pc-u)),30px)/1.4 system-ui}.pc-menu-copy small{font:clamp(11px,calc(23*var(--pc-u)),23px)/1.6 system-ui;color:#85897e;overflow-wrap:anywhere}.pc-menu-chevron{width:clamp(14px,calc(22*var(--pc-u)),22px);height:clamp(14px,calc(22*var(--pc-u)),22px);flex-shrink:0}.pc-logout{color:#69735f!important}
#yr-homepage-reference-v2 .pc-compliance{margin:2px 2px 5px;padding:0;color:#8c9181;font:clamp(11px,calc(20*var(--pc-u)),20px)/1.9 system-ui;text-align:left}
@media(max-width:360px){.pc-stat-label{flex-wrap:wrap;white-space:normal;gap:5px}.pc-account-row>div{gap:4px}.pc-stat-note{font-size:10px}}

#yr-homepage-reference-v2 .pc-profile-page .hr2-bottom-nav{position:fixed;z-index:25;left:50%;right:auto;bottom:0;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);gap:0;width:min(100%,850px);max-width:850px;height:calc(var(--pc-nav) + env(safe-area-inset-bottom,0px));padding:calc(28*var(--pc-u)) 0 calc(36*var(--pc-u));margin:0;background:#faf9f4;border:0;border-top:1px solid #e2e2da;border-radius:calc(32*var(--pc-u)) calc(32*var(--pc-u)) 0 0;box-shadow:none;backdrop-filter:none}
#yr-homepage-reference-v2 .pc-profile-page .hr2-nav-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(10*var(--pc-u));padding:0;margin:0;min-height:0;background:none;border:0;border-radius:0;box-shadow:none;color:#595d5a}
#yr-homepage-reference-v2 .pc-profile-page .hr2-nav-btn>span{display:grid;place-items:center;width:calc(53*var(--pc-u));height:calc(53*var(--pc-u));min-width:24px;min-height:24px;margin:0;border:0;border-radius:0;background:none;box-shadow:none}.pc-profile-page .hr2-nav-btn>span svg{width:100%;height:100%;stroke-width:1.45}
#yr-homepage-reference-v2 .pc-profile-page .hr2-nav-btn>i{font:400 max(12px,calc(27*var(--pc-u)))/1.25 system-ui,'Microsoft YaHei',sans-serif;font-style:normal}
#yr-homepage-reference-v2 .pc-profile-page .hr2-nav-btn.is-active{color:#123f36}#yr-homepage-reference-v2 .pc-profile-page .hr2-nav-btn.is-active::after{content:'';position:absolute;bottom:calc(8*var(--pc-u));left:50%;transform:translateX(-50%);width:calc(42*var(--pc-u));height:calc(5*var(--pc-u));min-height:2px;background:#123f36;border-radius:5px}
#yr-homepage-reference-v2 .pc-profile-page .hr2-nav-btn>b{position:absolute;left:59%;right:auto;top:calc(-15*var(--pc-u));display:grid;place-items:center;min-width:calc(35*var(--pc-u));height:calc(35*var(--pc-u));padding:0 4px;border-radius:99px;background:#b69962;color:#fffaf0;font:500 max(9px,calc(20*var(--pc-u)))/1 system-ui;box-shadow:none}

/* Decorative image paint shares the static plate geometry; no media surface. */
#yr-homepage-reference-v2 .pc-motion{background-position:0 0;background-size:100% auto;background-repeat:no-repeat;transition:none!important;animation:none!important;pointer-events:none!important;-webkit-touch-callout:none;user-select:none;}

/* The mask is a full poster, whereas the decoded video contains only its top.
   Both must use the content width, never the viewport including its scrollbar. */
#yr-homepage-reference-v2 .pc-upper{height:auto;aspect-ratio:850/599}
#yr-homepage-reference-v2 .pc-upper>.pc-layer{height:auto;aspect-ratio:850/1850}
@supports (width:1cqw){
  #yr-homepage-reference-v2 .pc-profile-page{container-type:inline-size}
  #yr-homepage-reference-v2 .pc-profile-page>main,
  #yr-homepage-reference-v2 .pc-profile-page>.hr2-bottom-nav{--pc-u:calc(100cqw / 850);--pc-nav:calc(180 * var(--pc-u))}
}
.pc-profile-page .pc-hero-identity{position:absolute;z-index:5;left:calc(42 * var(--pc-u));top:calc(278 * var(--pc-u));width:calc(327 * var(--pc-u));height:calc(101 * var(--pc-u));display:flex;align-items:center;gap:calc(17 * var(--pc-u));padding:calc(5 * var(--pc-u));border:0;border-radius:calc(55 * var(--pc-u)) calc(12 * var(--pc-u)) calc(12 * var(--pc-u)) calc(55 * var(--pc-u));background:#f7f7f0;color:#153f35;text-align:left;cursor:pointer;box-sizing:border-box;box-shadow:0 0 calc(8 * var(--pc-u)) calc(5 * var(--pc-u)) #f7f7f0}
.pc-identity-avatar{flex:none;display:block;width:calc(96 * var(--pc-u));height:calc(96 * var(--pc-u));overflow:hidden;border:calc(2 * var(--pc-u)) solid #fff;border-radius:50%;background:#e4ecdc;box-shadow:0 calc(2 * var(--pc-u)) calc(8 * var(--pc-u)) #234b2920}
.pc-identity-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.pc-identity-copy{min-width:0;display:flex;flex:1;flex-direction:column;gap:calc(8 * var(--pc-u))}
.pc-identity-copy b{display:block;font:600 calc(29 * var(--pc-u))/1.15 Georgia,'Songti SC','SimSun',serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc-identity-copy small{display:flex;align-items:center;gap:calc(8 * var(--pc-u));font:400 calc(20 * var(--pc-u))/1.4 'Microsoft YaHei',sans-serif;white-space:nowrap;color:#68776d}
.pc-identity-copy i{width:calc(12 * var(--pc-u));height:calc(12 * var(--pc-u));border-radius:50%;background:#7c9980}.pc-identity-copy i.is-other{background:#ab704c}
.pc-hero-identity:focus-visible{outline:2px solid #1c6754;outline-offset:4px}