:root{color-scheme:dark;font-family:"Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif}
#yryo-interface{position:relative;z-index:20}
.yryo-brand{position:fixed;left:40px;top:42px;color:rgba(229,238,234,.8);font:600 16px/1 system-ui,sans-serif;letter-spacing:.04em;text-decoration:none;opacity:0;transition:opacity 1.5s ease}
.ready .yryo-brand{opacity:1}
.yryo-native-nav{position:fixed;right:44px;top:40px;width:244px;height:50px;display:grid;grid-template-columns:93px 64px 87px}
.yryo-native-nav button{border:0;background:transparent;color:transparent;font-size:0;cursor:pointer;padding:0;border-radius:25px}
.yryo-native-nav button:focus-visible{outline:1px solid #c3eadc;outline-offset:-5px}
.yryo-utility{position:fixed;bottom:22px;right:30px;display:flex;gap:18px;opacity:0;transition:opacity 1.5s ease}
.ready .yryo-utility{opacity:1}
.yryo-utility button{color:rgba(226,237,230,.58);font-size:11px;background:none;border:0;padding:8px 0;cursor:pointer;transition:color .25s ease}
.yryo-utility button:hover{color:#fff}
button,a{touch-action:manipulation}
button:focus-visible,a:focus-visible,textarea:focus-visible{outline:1px solid #c3eadc;outline-offset:6px}
.ChatDOM{font-family:"Microsoft YaHei UI","Microsoft YaHei",sans-serif!important}
.ChatDOM p,.ChatDOM a,.ChatDOM textarea{font-family:"Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;line-height:1.7!important;letter-spacing:.04em}
.yryo-live{position:fixed;left:40px;bottom:70px;color:#ccd8d0;font-size:12px;max-width:320px;pointer-events:none}
.yryo-live:empty{display:none}
#yryo-reading{width:min(1020px,calc(100vw - 80px));height:min(850px,calc(100dvh - 80px));max-width:none;max-height:none;border:1px solid #71898055;border-radius:18px;background:rgba(12,21,23,.96);color:#dee6df;padding:0;box-shadow:0 24px 100px #0006;overflow:hidden}
#yryo-reading::backdrop{background:#050f1280;backdrop-filter:blur(18px)}
#yryo-reading,#yryo-reading *{box-sizing:border-box}
.reading-toolbar{display:flex;justify-content:space-between;align-items:center;height:68px;padding:0 36px;border-bottom:1px solid #96aa9f22;font-size:11px;letter-spacing:.08em}
.reading-toolbar button{background:transparent;color:#d8e5dd;border:1px solid #81978c55;padding:10px 18px;border-radius:30px;font-family:inherit;cursor:pointer}
.reading-toolbar button:focus-visible{outline-offset:3px}
.reading-content{height:calc(100% - 68px);overflow-y:auto;overscroll-behavior:contain;padding:50px 64px 70px;touch-action:pan-y;user-select:text}
html:has(#yryo-reading[open]),body.reading-open{touch-action:pan-y}
.reading-content>p:first-child,.reading-content section>p:first-child{color:#88a99b;font-size:11px;letter-spacing:.12em}
.reading-content h1{font-weight:500;font-size:clamp(28px,4vw,46px);line-height:1.4;max-width:620px;margin:16px 0 46px}
.reading-content h2{font-weight:500;font-size:23px;margin:12px 0 24px}
.reading-content p{font-size:14px;line-height:2;color:#abbeb3;white-space:pre-wrap}
.reading-content section{margin-bottom:50px;max-width:720px}
.reading-content .vg-introduction{border-top:1px solid #96aa9f33;border-bottom:1px solid #96aa9f33;padding:25px 0 20px;margin:0 0 50px}
.reading-content .vg-introduction h2{font-size:clamp(27px,4vw,36px);line-height:1.5;margin:10px 0 16px}
.reading-pricing{padding:40px 42px 44px}
.reading-pricing h1{font-size:clamp(28px,3vw,38px);max-width:none;margin:12px 0 14px;letter-spacing:-.035em;text-wrap:balance}
.reader-pricing>h2{text-wrap:balance;letter-spacing:-.035em;line-height:1.5}
.pricing-overview{--price-text:#e6eee7;--price-muted:#a7b9af;--price-line:#90a39930;--price-accent:#c3eadc;color:var(--price-text)}
.pricing-overview .pricing-intro{font-size:13px;line-height:1.85;max-width:650px;color:var(--price-muted);margin:0 0 28px}
.pricing-closed{display:inline-block;font-size:10px;line-height:1.7;padding:1px 7px;margin-right:9px;border:1px solid #90a39930;border-radius:4px;color:#aac1b2;vertical-align:1px}
.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.plan-card{min-width:0;display:flex;flex-direction:column;padding:23px 21px 21px;border:1px solid var(--price-line);border-radius:14px;background:rgba(156,175,155,.025)}
.plan-card.plan-featured{border-color:#b4d7c67d;background:linear-gradient(155deg,rgba(149,192,166,.13),rgba(149,192,166,.035))}
.plan-topline{min-height:25px;display:flex;gap:8px;align-items:center;justify-content:space-between}
.pricing-overview .plan-label{font-size:11px;letter-spacing:.06em;color:#a3baac;margin:0;line-height:1.5}
.plan-recommended{font-size:10px;line-height:1.5;border:1px solid #badac94d;border-radius:20px;padding:3px 8px;white-space:nowrap;color:#d7eddf;background:#c3eadc0c}
.pricing-overview .plan-card h2{font-size:18px;font-weight:500;line-height:1.5;margin:13px 0 17px;color:var(--price-text)}
.pricing-overview .plan-price{display:flex;align-items:baseline;gap:2px;white-space:nowrap;margin:0 0 17px;line-height:1.1;color:var(--price-text)}
.plan-price strong{font:500 clamp(40px,4vw,51px)/1.1 system-ui,sans-serif;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.plan-currency{font:400 22px/1 system-ui,sans-serif;align-self:flex-start;padding-top:8px;margin-right:3px}
.plan-period{font-size:11px;color:#8fa79a;margin-left:5px}
.pricing-overview .plan-description{font-size:13px;line-height:1.8;color:var(--price-muted);margin:0 0 18px;min-height:43px}
.plan-uses{list-style:none;padding:16px 0 0;margin:0 0 25px;border-top:1px solid var(--price-line);font-size:12px;line-height:1.9;color:#a7baad}
.plan-uses li+li{margin-top:7px}
.plan-action{display:inline-flex;justify-content:center;align-items:center;border:1px solid #81978c55;border-radius:30px;min-height:42px;padding:0 17px;margin-top:auto;text-decoration:none;color:#d8e5dd;font-size:12px;line-height:1.5;transition:background .18s ease,border-color .18s ease}
.plan-action:hover{background:#c3eadc12;border-color:#b4d7c67d}
.plan-featured .plan-action{background:#cee5d6;color:#17291f;border-color:#cee5d6;font-weight:600}
.plan-featured .plan-action:hover{background:#e1f1e6}
.team-plan{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 25px;border:1px solid var(--price-line);border-radius:14px;background:#9caf9b04}
.team-plan-copy{max-width:530px;min-width:0}
.team-plan h3{font-size:21px;font-weight:500;margin:8px 0 9px;line-height:1.5}
.pricing-overview .team-plan-copy>p:not(.plan-label){font-size:12px;line-height:1.8;color:var(--price-muted);margin:0}
.pricing-overview .team-plan-copy>.team-contact-note{font-size:11px;margin-top:9px;color:#829b8e}
.team-plan>.plan-action{flex-shrink:0;margin:0}
.team-contact{margin:0;flex-shrink:0;text-align:center}
.team-contact a{display:block;border-radius:8px;background:#fff;padding:5px}
.team-contact img{display:block;width:172px;height:auto;max-width:100%;object-fit:contain;image-rendering:pixelated}
.team-contact figcaption{color:var(--price-muted);font-size:10px;line-height:1.5;margin-top:7px}
.pricing-status{display:flex;align-items:baseline;gap:9px;margin:20px 0 24px}
.pricing-status-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#adc7b6}
.pricing-overview .pricing-status p{font-size:11px;line-height:1.9;color:#8da498;margin:0}
.pricing-questions{border-top:1px solid var(--price-line)}
.pricing-questions details{border-bottom:1px solid var(--price-line);padding:16px 0}
.pricing-questions summary{font-size:12px;color:#cbd9cf;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.pricing-questions summary::-webkit-details-marker{display:none}
.pricing-questions summary::after{content:'+';font:400 17px/1 system-ui,sans-serif;color:#93aa9b}
.pricing-questions details[open] summary::after{content:'−'}
.pricing-overview .pricing-questions p{max-width:690px;font-size:12px;line-height:1.9;color:var(--price-muted);margin:12px 0 0}
@media(max-width:850px) and (min-width:651px){.reading-pricing{padding:32px 27px}.price-grid{gap:10px}.plan-card{padding:20px 14px}.plan-topline{flex-wrap:wrap;align-content:flex-start;min-height:48px}.plan-price strong{font-size:42px}.plan-description{min-height:65px}}
@media(max-width:650px){.yryo-native-nav{top:26px;right:24px}.yryo-brand{top:28px;left:24px;font-size:14px}.yryo-utility{right:22px;bottom:16px;gap:14px}#yryo-reading{width:calc(100vw - 24px);height:calc(100dvh - 32px);border-radius:14px}.reading-toolbar{padding:0 22px;height:58px}.reading-content{padding:30px 24px;height:calc(100% - 58px)}.reading-content h1{font-size:30px}.reading-content h2{font-size:22px}.price-grid{grid-template-columns:1fr}.yryo-live{left:24px;bottom:60px;max-width:250px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.yryo-brand,.yryo-utility{transition:none}}
@media(max-width:650px){.reading-pricing{padding:28px 22px 36px}.reading-pricing h1{font-size:29px;line-height:1.45;margin-bottom:14px}.price-grid{gap:13px}.plan-card{padding:23px}.plan-card.plan-featured{order:-1}.plan-topline{min-height:24px}.pricing-overview .plan-card h2{margin:10px 0 14px}.plan-price strong{font-size:49px}.pricing-overview .plan-description{min-height:0;margin-bottom:16px}.plan-uses{margin-bottom:20px}.team-plan{padding:22px;flex-direction:column;align-items:flex-start;gap:20px}.team-contact{align-self:center}.team-contact img{width:193px;height:auto}.team-contact figcaption{font-size:11px}.pricing-overview .pricing-intro{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.plan-action{transition:none}}
