/* Generated from web/frontend/css/v1-h5-services.css by node scripts/build-web.mjs. Do not edit. */
/* H5 services: 145:7392, 227:12188/12271, 185:8897/9095/9144/9217/9288.
   Backend content, verification steps and current-state-only progress are preserved. */
.v1-service-h5-only,.v1-service-h5-notice{display:none}
.cg-appeal-body-input{display:contents}
.cg-appeal-marker{display:contents}
.cg-appeal-label,.cg-appeal-required{font:inherit;color:inherit}
@media(max-width:1023px){
 .v1-service-h5-only{display:block}
 .v1-service-pc-only{display:none!important}
 .v1-service-h5-notice{display:block}
 .v1-service-info .hg-body,.v1-service-info .hg-main,.v1-service-info main.main{width:100%;max-width:none;margin:0;padding:0;min-width:0}
 .v1-service-info .v1-info-page{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:24px 16px;min-height:calc(100svh - 434px);color:#ffffffb3;font:400 14px/1.8 "PingFang SC",sans-serif}
 .v1-service-info .hg-breadcrumb{display:flex;gap:4px;align-items:center;margin:0 0 24px;font-size:11px;line-height:16px;color:#ffffff80}
 .v1-service-info .hg-breadcrumb a{display:flex;align-items:center;gap:4px;color:inherit}
 .v1-service-info .hg-breadcrumb__current{color:inherit}
 .v1-service-info .hg-breadcrumb img{display:block;flex:none;width:16px;height:16px}
 .v1-service-info .hg-site-info__head{margin:0 0 24px}
 .v1-service-info .v1-info-page h1{margin:0;font-size:24px;line-height:34px;font-weight:600;color:#fff}
 .v1-service-info .v1-info-page h2{margin:0 0 6px;font-size:14px;line-height:20px;font-weight:600;color:#fff}
 .v1-service-info .v1-info-page p{margin:0;font-size:14px;line-height:1.8;font-weight:400;color:#ffffffb3}
 .v1-service-info .hg-site-info__head p{margin-top:24px}
 .v1-service-info .v1-info-page h2:empty{display:none}
 .v1-service-info [data-info-kind=contact] .hg-site-info__head p{display:none}
 .v1-service-info [data-info-kind=contact] .hg-site-info__head .v1-contact-content.is-configured{display:block}
 .v1-service-info .v1-contact-h5{display:flex;flex-direction:column;gap:22px}
 .v1-service-info .v1-contact-h5 p{margin:0;font-size:14px;line-height:20px;font-weight:400;color:#ffffffb3;overflow-wrap:anywhere}
 .v1-service-info .v1-contact-h5 p>span{white-space:nowrap}
 .v1-service-info .v1-contact-field{display:flex!important;align-items:baseline;gap:8px;flex-wrap:wrap}
 .v1-service-info .v1-contact-field h2{margin:0;font-weight:400;color:#ffffffb3}
 .v1-service-info .v1-contact-field h2:after{content:"："}
 .v1-service-info .v1-contact-field p{flex:1;min-width:0;line-height:20px}
 .v1-service-info .v1-info-page .hg-site-info__card{margin:0 0 22px}
 .v1-service-info .hg-legal-empty{padding:0}

 body.v1-prototype-way .cg-service{width:100%;max-width:none;margin:0;padding:0 16px 28px;font-family:"PingFang SC",sans-serif}
 .v1-prototype-way .cg-service>nav{height:42px;gap:4px;align-items:center;flex-wrap:nowrap;margin:0;font-size:14px;line-height:20px;color:#ffffff99}
 .v1-prototype-way .cg-service>nav a{display:flex;align-items:center;gap:4px}
 .v1-prototype-way .cg-service>nav img{display:block;flex:none;width:24px;height:24px}
 .v1-prototype-way .cg-service h1{margin:8px 0 6px;font-size:24px;line-height:30px}
 .v1-prototype-way .cg-service h1:before{display:none}
 .v1-prototype-way .cg-service>p:not(.cg-service-status){margin:0 0 16px;font-size:13px;line-height:1.55;color:#ffffff99}
 .v1-prototype-way .cg-service-list{gap:12px;margin:0 0 12px}
 .v1-prototype-way .cg-service-row,.v1-prototype-way .cg-way-business,.v1-prototype-way .cg-service details,.v1-prototype-way [data-way-panel]{background:#ffffff08;border:.5px solid #ffffff1f;border-radius:8px}
 .v1-prototype-way .cg-way-address{flex-direction:column;align-items:stretch;gap:8px;padding:12px;border-radius:8px}
 .v1-prototype-way .cg-way-address-content{gap:8px;flex-wrap:nowrap;align-items:center;width:100%;min-width:0}
 .v1-prototype-way .cg-way-address-content h2{flex:none;margin:0;padding:3px 6px;border:.5px solid #ff7d00;border-radius:5px;background:#2f1905;color:#ff7d00;font-size:10px;line-height:normal;font-weight:400}
 .v1-prototype-way .cg-way-address-content>a{flex:1;min-width:0;font-size:13px;line-height:1.25;letter-spacing:.13px;font-weight:600}
 .v1-prototype-way .cg-way-address-content p{font-size:12px;line-height:1.55;color:#ffffff99}
 .v1-prototype-way .cg-way-address-actions{display:flex;width:100%;gap:8px;align-items:stretch}
 .v1-prototype-way .cg-service button,.v1-prototype-way .cg-way-address-actions a{box-sizing:border-box;min-height:36px;padding:0 12px;border:.8px solid #ffffff1f;border-radius:6px;background:transparent;font-size:12px;line-height:normal;font-weight:600;color:#666;display:inline-flex;align-items:center;justify-content:center}
 .v1-prototype-way .cg-way-address-actions a{flex:1;order:-1;background:#ff7d00;border:0;color:#fff}
 .v1-prototype-way .cg-way-address-actions button{flex:none;min-width:0}
 .v1-prototype-way .cg-way-permanent .cg-way-address{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
 .v1-prototype-way .cg-way-permanent .cg-way-address-actions{width:auto;flex:none}
 .v1-prototype-way .cg-way-permanent h2{border:0;background:#ffffff4d;color:#fff;font-weight:600}
 @media(min-width:600px){
  .v1-prototype-way .cg-way-address{flex-direction:row;align-items:center;gap:16px}
  .v1-prototype-way .cg-way-address-content{width:auto}
  .v1-prototype-way .cg-way-address-actions,.v1-prototype-way .cg-way-permanent .cg-way-address-actions{display:flex;width:auto;flex:none}
  .v1-prototype-way .cg-way-address-actions a,.v1-prototype-way .cg-way-address-actions button{flex:none;min-width:88px}
  .v1-prototype-way .cg-way-address-actions a{min-width:112px}
 }
 .v1-prototype-way [data-way-share]{margin-bottom:12px}
 .v1-prototype-way .cg-way-contacts{grid-template-columns:minmax(0,1fr);gap:12px}
 .v1-prototype-way .cg-way-contacts article{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px}
 .v1-prototype-way .cg-way-contacts h2{margin:0;font-size:13px;line-height:1.55}
 .v1-prototype-way .cg-way-contacts p{margin:0;font-size:12px;line-height:1.55;color:#ffffff99}
 .v1-prototype-way .cg-way-contacts a,.v1-prototype-way .cg-way-contacts article>span{font-size:12px;line-height:1.55;font-weight:500}
 .v1-prototype-way .cg-way-contacts a[href]:has(+button){display:inline-block}
 .v1-prototype-way .cg-service .cg-way-contacts [data-way-contact=vpn]>a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:36px;min-height:36px;margin-top:2px;padding:0 12px;border-radius:6px;background:#ff7d00;color:#fff;line-height:normal;font-weight:600;vertical-align:middle}
 .v1-prototype-way .cg-way-contacts [data-way-contact=vpn]>button{vertical-align:middle}
 .v1-prototype-way .cg-way-contacts button{margin-top:8px}
 .v1-prototype-way .cg-way-contacts .cg-way-contact-copy{display:block;min-height:0;height:auto;margin:0;padding:0;font-size:12px;line-height:1.55;font-weight:500;color:#ff7d00}
 .v1-prototype-way .cg-way-business{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:12px 0 24px;padding:12px;font-size:12px;line-height:1.55}
 .v1-prototype-way .cg-way-business strong{font-size:13px;line-height:1.55;font-weight:600}
 .v1-prototype-way .cg-way-business-description{display:block;width:100%;min-width:0;color:#ffffff99}
 .v1-prototype-way .cg-service>section>h2{gap:8px;margin:0 0 8px;font-size:17px;line-height:1.25}
 .v1-prototype-way .cg-service>section>h2:before{width:3px;height:18px;border-radius:999px}
 .v1-prototype-way .cg-service details{margin:0 0 8px;padding:12px}
 .v1-prototype-way .cg-service summary{padding:0;font-size:13px;line-height:1.55;font-weight:600;gap:8px}
 .v1-prototype-way .cg-service summary:after{content:"";flex:none;width:20px;height:20px;background:url('/static/web/images/figma/h5-way-help-down.svg') center no-repeat}
 .v1-prototype-way .cg-service details[open]>summary:after{content:"";background-image:url('/static/web/images/figma/h5-way-help-up.svg')}
 .v1-prototype-way .cg-service details>p{padding:0;margin:8px 0 0;font-size:12px;line-height:1.7;color:#ffffff99}
 .v1-prototype-way .cg-way-guide{margin:24px 0}
 .v1-prototype-way .cg-way-guide h2{margin-bottom:12px!important}
 .v1-prototype-way .cg-way-guide .cg-service-tabs{height:42px;gap:24px;margin:0 0 12px;border-bottom:.5px solid #ffffff1f;flex-wrap:nowrap}
 .v1-prototype-way .cg-way-guide button{min-height:0;height:42px;padding:0 0 20px;border:0;border-bottom:2px solid transparent;border-radius:0;font-size:12px;line-height:1.55;font-weight:400;color:#ffffff99}
 .v1-prototype-way [data-way-guide=ios]{width:52px}
 .v1-prototype-way [data-way-guide=android]{width:64px}
 .v1-prototype-way [data-way-guide=desktop]{width:40px}
 .v1-prototype-way .cg-way-guide button[aria-selected=true]{color:#ff7d00;border-bottom-color:#ff7d00;font-weight:600}
 .v1-prototype-way [data-way-panel]{padding:12px;font-size:12px;line-height:1.7;color:#666}
 .v1-prototype-way .cg-service>section:has([data-way-faq])>h2{font-size:18px;line-height:24px;margin-bottom:12px}
 .v1-prototype-way [data-way-faq] summary{font-size:14px;line-height:20px;color:#ffffffb3;font-weight:500}
 .v1-prototype-way [data-way-faq] details{padding:12px 8px}
 .v1-prototype-way [data-way-faq] summary:after{background-image:url('/static/web/images/figma/h5-way-faq-down.svg')}
 .v1-prototype-way [data-way-faq] details[open]>summary:after{background-image:url('/static/web/images/figma/h5-way-faq-up.svg')}
 .v1-prototype-way [data-way-faq] details>p{line-height:18px;color:#ffffff80}
 .v1-prototype-way .cg-service-status{margin:0 0 12px;min-height:0;font-size:12px;line-height:20px}
 .v1-prototype-way .cg-service-status:empty{display:none}

 .cg-service.cg-appeal-page{max-width:none;width:100%;margin:0;padding:12px 16px 24px;color:#ffffffb3;font-family:"PingFang SC",sans-serif}
 .cg-appeal-page .cg-appeal-breadcrumb{align-items:center;gap:4px;min-height:42px;margin:0 0 12px;font-size:14px;line-height:20px;color:#ffffff99}
 .cg-appeal-breadcrumb>a:first-child{display:flex;align-items:center;gap:4px}
 .cg-appeal-breadcrumb img{display:block;flex:none;width:24px;height:24px}
 .cg-appeal-page h1{margin:0 0 16px;font-size:24px;line-height:32px;gap:0}
 .cg-appeal-page h1:before{display:none}
 .cg-appeal-page[data-service-page=appeal]{position:relative}
 .cg-appeal-intro{margin:0 0 18px;gap:0}
 .cg-appeal-intro p{font-size:12px;line-height:20px;color:#ffffff99}
 .cg-appeal-intro>a{position:absolute;right:16px;top:78px;font-size:12px;line-height:17px;font-weight:600}
 .cg-appeal-page .cg-service-status{min-height:0;margin:0;font-size:12px;line-height:20px}
 .cg-appeal-page .cg-service-status:empty{display:none}
 .cg-appeal-page .cg-service-status:not(:empty){margin:0 0 14px}
 body:has(.cg-appeal-page) .hg-center-toast{padding:12px 18px!important;border:0!important;border-radius:10px!important;background:rgba(0,0,0,.7)!important;box-shadow:0 8px 24px rgba(0,0,0,.4);font-family:"PingFang SC",sans-serif;font-size:12px!important;line-height:17px!important;font-weight:600!important}
 .cg-appeal-page .cg-appeal-panel{padding:18px 16px 22px;gap:16px;border-color:#ffffff1f;border-radius:0;background:transparent}
 .cg-appeal-page [data-appeal-form]{width:calc(100% + 32px);margin-left:-16px;border-left:0;border-right:0}
 .cg-appeal-page .cg-appeal-field{gap:8px;font-size:12px;line-height:17px;color:#ffffffb3}
 .cg-appeal-page .cg-appeal-required{color:#ff5a5f}
 .cg-appeal-page input:not([type=file]):not([type=radio]),.cg-appeal-page textarea{height:42px;padding:0 12px;border:1px solid #ffffff1f;border-radius:6px;background:#ffffff0d;font-size:12px;line-height:20px;color:#fff}
 .cg-appeal-contact{gap:10px}
 .cg-appeal-options{gap:8px}
 .cg-appeal-page .cg-appeal-option{min-height:34px;padding:0 13px;border-color:#ffffff1f;border-radius:6px;background:#ffffff08;font-size:12px;line-height:17px;font-weight:400}
 .cg-appeal-page .cg-appeal-add,.cg-appeal-page .cg-appeal-link-remove{font-size:12px;line-height:17px;min-height:17px}
 .cg-appeal-page textarea{padding:10px 12px}
 .cg-appeal-page textarea[name=links]{min-height:42px}
 .cg-appeal-page .cg-appeal-body-input{position:relative;display:block;width:100%;min-width:0}
 .cg-appeal-page textarea[name=body]{height:122px;min-height:122px;padding:12px 12px 28px}
 .cg-appeal-page [data-appeal-count]{position:absolute;right:12px;bottom:6px;font-size:11px;line-height:15px;pointer-events:none}
 .cg-appeal-page small,.cg-appeal-page .cg-appeal-error{font-size:11px;line-height:17px}
 .cg-appeal-page .cg-appeal-error{color:#ff5a5f}
 .cg-appeal-page input::placeholder,.cg-appeal-page textarea::placeholder{color:#ffffff80}
 .cg-appeal-page button,.cg-appeal-actions a{min-height:42px;border-radius:6px;font-size:14px;line-height:20px;padding:0 18px}
 .cg-appeal-page .cg-appeal-primary{color:#fff}
 .cg-appeal-page [data-appeal-form]>.cg-appeal-primary{min-height:38px;font-size:13px;line-height:18px;font-weight:600}
 .cg-appeal-page .cg-appeal-upload{width:78px;height:78px;border-color:#ffffff1f;border-radius:10px}
 .cg-appeal-page .cg-appeal-file{width:78px;height:78px;border-color:#ffffff1f;border-radius:10px;font-size:11px}
 .cg-appeal-upload>.v1-service-h5-only{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;line-height:17px;color:#ffffff80}
 .cg-appeal-upload img{display:block;width:20px;height:20px}
 .cg-appeal-page .cg-captcha{flex-wrap:nowrap;gap:8px;margin:0;width:100%;min-width:0}
 .cg-appeal-page .cg-captcha input:not([type=file]):not([type=radio]){flex:1;min-width:0;width:0}
 .cg-appeal-page .cg-captcha img{flex:none;width:88px;height:42px;max-width:none;max-height:none;object-fit:contain;border-radius:6px;box-sizing:border-box}
 .cg-appeal-page .cg-captcha button{flex:none;flex-basis:auto;width:80px;padding:0;min-height:0;white-space:normal;text-align:left;border:0;background:none;color:#ff7d00;font-size:11px;line-height:17px}
 .cg-appeal-page[data-service-page=appeal-query]{min-height:calc(100svh - 434px)}
 .cg-appeal-page[data-service-page=appeal-query] h1{margin-bottom:18px}
 .cg-appeal-page[data-service-page=appeal-query] .cg-appeal-panel{padding:16px;gap:14px;border-radius:10px;background:#ffffff0d;border-color:#ffffff1f}
 .cg-appeal-page .cg-appeal-result{margin-top:14px!important;gap:18px!important}
 .cg-appeal-page .cg-appeal-result-heading{align-items:center;flex-wrap:nowrap;gap:8px}
 .cg-appeal-page .cg-appeal-result-heading h2{min-width:0;font-size:14px;line-height:20px}
 .cg-appeal-page .cg-appeal-badge{padding:4px 8px;border:.5px solid #f50;border-radius:6px;background:#2f1905;color:#f50;font-size:11px;line-height:15px;font-weight:400}
 .cg-appeal-badge[data-status=done]{border-color:#1ac88b;background:#052f21;color:#1ac88b}
 .cg-appeal-badge[data-status=rejected]{border-color:#e22121;background:#f02727;color:#fff}
 .cg-appeal-page .cg-appeal-progress{gap:20px}
 .cg-appeal-page .cg-appeal-progress li{min-height:43px;gap:14px}
 .cg-appeal-page .cg-appeal-progress li:last-child{min-height:0}
 .cg-appeal-page .cg-appeal-marker{display:flex;flex-direction:column;align-items:center;gap:4px;flex:none;width:10px}
 .cg-appeal-page .cg-appeal-marker:after{content:"";flex:1;width:2px;min-height:22px;background:#ffffff1f}
 .cg-appeal-page li:last-child .cg-appeal-marker:after{display:none}
 .cg-appeal-page .cg-appeal-marker img{display:block;width:10px;height:10px;opacity:1}
 .cg-appeal-page .cg-appeal-progress li>div{flex:1;min-width:0;padding:0;gap:4px}
 .cg-appeal-page .cg-appeal-progress strong{font-size:14px;line-height:20px;color:#fff}
 .cg-appeal-page .cg-appeal-progress small{font-size:12px;line-height:19px;color:#ffffff80}
 .cg-appeal-page .cg-appeal-result p{font-size:12px;line-height:20px;color:#ffffff99}
 .cg-appeal-page[data-appeal-complete=true]{padding:42px 16px 54px;min-height:0}
 .cg-appeal-page .cg-appeal-success{gap:20px}
 .cg-appeal-page .cg-appeal-success-icon{width:64px;height:64px;border:1px solid #ff7d00;background:#2f1905}
 .cg-appeal-page .cg-appeal-success-icon img{width:30px;height:30px}
 .cg-appeal-page .cg-appeal-success h2{font-size:24px;line-height:34px}
 .cg-appeal-page .cg-appeal-receipt{padding:16px;gap:12px;border-radius:10px;background:#ffffff0d;text-align:left}
 .cg-appeal-page .cg-appeal-receipt>div{flex-wrap:nowrap;justify-content:space-between;gap:8px;font-size:12px;line-height:17px;align-items:flex-start}
 .cg-appeal-page .cg-appeal-receipt>div>span:first-child{width:auto;flex:none}
 .cg-appeal-page .cg-appeal-receipt>div>span:last-child{min-width:0;text-align:right}
 .cg-appeal-page .cg-appeal-receipt strong{margin-left:auto;min-width:0;font-size:14px;line-height:20px}
 .cg-appeal-page .cg-appeal-receipt button{min-height:0;padding:0;border:0;font-size:11px;line-height:20px}
 .cg-appeal-page .cg-appeal-success>p{font-size:12px;line-height:20px;color:#ffffff99}
 .cg-appeal-page .cg-appeal-actions{gap:10px}
 .cg-appeal-page .cg-appeal-progress [data-stage-note]:empty:after{content:"—"}
}