/* ARBOR_COOPERATE_CSS_EXTERNALIZE_TRIAL_V1 extracted from cooperate.html style block 1 */ :root{ --ios-bg:#F5F5F7; --ios-card:#FFFFFF; --soft-card:#FAFAFC; --apple-blue:#007AFF; --apple-green:#34C759; --text-main:#1D1D1F; --text-sub:#86868B; --text-soft:#A1A1A6; --text-disabled:#C7C7CC; --line-light:rgba(0,0,0,.055); --separator:rgba(60,60,67,.12); --nav-bg:rgba(245,245,247,.86); --bar-bg:rgba(250,250,250,.88); --active-bg:rgba(0,122,255,.08); --radius-card:24px; --radius-mid:18px; --radius-small:14px; --content-max:560px; } html[data-theme="dark"]{ --ios-bg:#0B0B0C; --ios-card:#1C1C1E; --soft-card:#242426; --apple-blue:#0A84FF; --apple-green:#30D158; --text-main:#F5F5F7; --text-sub:#A1A1A6; --text-soft:#8E8E93; --text-disabled:#636366; --line-light:rgba(255,255,255,.065); --separator:rgba(255,255,255,.08); --nav-bg:rgba(11,11,12,.78); --bar-bg:rgba(28,28,30,.88); --active-bg:rgba(10,132,255,.13); } *{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent} html{background:var(--ios-bg)} body{ font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC",sans-serif; background:var(--ios-bg); color:var(--text-main); display:flex; justify-content:center; -webkit-font-smoothing:antialiased; padding-bottom:calc(86px + env(safe-area-inset-bottom)); } body.modal-open{overflow:hidden} button{font:inherit;border:none;background:none;color:inherit;cursor:pointer} svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round} .app-container{width:100%;max-width:var(--content-max);min-height:100vh;position:relative;overflow-x:hidden} .nav-bar{ height:52px; display:flex; align-items:center; justify-content:center; position:sticky; top:0; z-index:50; padding:0 16px; background:var(--nav-bg); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom:.5px solid var(--line-light); } .nav-title{font-size:17px;font-weight:760;letter-spacing:-.15px} .nav-action{ position:absolute; right:16px; color:var(--apple-blue); font-size:13px; font-weight:760; } .section{padding:0 16px;margin-top:16px} .section:first-of-type{margin-top:12px} .section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 4px 10px} .section-title{font-size:17px;font-weight:800;letter-spacing:-.28px} .section-kicker{font-size:12px;color:var(--text-soft);font-weight:700;white-space:nowrap} .card{ background:var(--ios-card); border:1px solid var(--line-light); border-radius:var(--radius-card); box-shadow:0 2px 12px rgba(0,0,0,.022); overflow:hidden; } html[data-theme="dark"] .card{box-shadow:0 10px 28px rgba(0,0,0,.18)} .hero-card{padding:24px 22px 20px} .kicker{font-size:12px;font-weight:800;color:var(--apple-blue);margin-bottom:10px} .hero-title{font-size:28px;line-height:1.16;font-weight:850;letter-spacing:-.75px;margin-bottom:10px} .hero-desc{font-size:14px;line-height:1.65;color:var(--text-sub);margin-bottom:18px} .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px} .btn-main,.btn-soft{ min-height:46px; border-radius:16px; display:flex; align-items:center; justify-content:center; text-align:center; font-size:14px; font-weight:760; transition:transform .14s ease,opacity .14s ease; } .btn-main{background:var(--apple-blue);color:#fff} .btn-soft{background:var(--active-bg);color:var(--apple-blue)} .btn-main:active,.btn-soft:active,.mode-card:active,.tab-item:active{transform:scale(.98);opacity:.86} .visual-strip{ margin-top:18px; display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px; } .visual-pill{ background:var(--soft-card); border:1px solid var(--line-light); border-radius:16px; padding:12px 8px; text-align:center; } .visual-pill strong{display:block;font-size:13px;font-weight:780;margin-bottom:3px} .visual-pill span{font-size:11px;color:var(--text-sub)} .mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px} .mode-card{ width:100%; padding:20px; min-height:168px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; text-align:left; } .mode-card h3{ width:100%; text-align:left; font-size:16px; line-height:1.28; font-weight:830; letter-spacing:-.22px; margin-bottom:8px; } .mode-card p{ width:100%; text-align:left; font-size:13px; line-height:1.58; color:var(--text-sub); } .mode-link{ margin-top:auto; padding-top:16px; color:var(--apple-blue); font-size:13px; font-weight:800; text-align:left; } .list-card{padding:18px} .clean-list li{ display:flex; align-items:flex-start; gap:9px; padding:12px 0; border-bottom:.5px solid var(--separator); font-size:13px; line-height:1.55; color:var(--text-main); } .clean-list li:last-child{border-bottom:none} .clean-list li::before{content:"✓";color:var(--apple-blue);font-weight:900} .boundary-list li::before{content:"·";font-size:22px;line-height:18px;color:var(--apple-blue);font-weight:900} details{border-bottom:.5px solid var(--separator);background:var(--ios-card)} details:last-of-type{border-bottom:none} summary{ list-style:none; padding:18px; font-size:14px; font-weight:760; display:flex; align-items:center; justify-content:space-between; } summary::-webkit-details-marker{display:none} summary::after{content:"+";font-size:21px;font-weight:300;color:var(--text-sub)} details[open] summary::after{content:"−"} .details-content{padding:0 18px 18px;font-size:13px;line-height:1.65;color:var(--text-sub)} .cta-card{padding:24px 22px 26px;text-align:center} .cta-title{font-size:20px;font-weight:850;letter-spacing:-.35px;margin-bottom:8px} .cta-desc{font-size:13px;color:var(--text-sub);line-height:1.6;margin-bottom:18px} .cta-card .btn-main{ width:68%; min-width:210px; max-width:320px; margin:0 auto; } .bottom-nav{ position:fixed; left:0; right:0; bottom:0; z-index:80; background:var(--bar-bg); border-top:.5px solid var(--line-light); backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); padding:6px 0 calc(6px + env(safe-area-inset-bottom)); display:flex; justify-content:center; } .bottom-inner{ width:100%; max-width:var(--content-max); display:grid; grid-template-columns:repeat(4,1fr); } .tab-item{ min-height:48px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; color:var(--text-soft); font-size:11px; font-weight:650; } .tab-item svg{width:22px;height:22px;stroke-width:2.1} .tab-item.active{color:var(--apple-blue)} .modal-overlay{ position:fixed; inset:0; z-index:200; background:rgba(0,0,0,.38); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); display:none; } .modal-overlay.active{display:block} .modal-drawer{ position:absolute; left:0; right:0; bottom:0; background:var(--ios-card); border-radius:24px 24px 0 0; padding:28px 20px calc(24px + env(safe-area-inset-bottom)); max-height:84vh; overflow-y:auto; transform:translateY(0); } .drawer-handle{width:36px;height:4px;border-radius:4px;background:var(--separator);margin:-10px auto 20px} .drawer-title{font-size:20px;font-weight:850;letter-spacing:-.3px;text-align:center;margin-bottom:18px} .price-card{background:var(--soft-card);border:1px solid var(--line-light);border-radius:18px;padding:14px;margin-bottom:10px} .price-card h4{font-size:14px;font-weight:800;display:flex;justify-content:space-between;gap:12px;margin-bottom:5px} .price-card h4 span{color:var(--apple-blue);white-space:nowrap} .price-card p{font-size:12px;color:var(--text-sub);line-height:1.5} .drawer-list{margin-top:12px} .drawer-list li{font-size:13px;color:var(--text-sub);line-height:1.55;padding:9px 0;border-bottom:.5px solid var(--separator);display:flex;gap:8px} .drawer-list li:last-child{border-bottom:none} .drawer-list li::before{content:"·";color:var(--text-main);font-weight:900} @media (max-width:360px){ .hero-title{font-size:26px} .mode-grid{grid-template-columns:1fr} .mode-card{min-height:132px} .cta-card .btn-main{width:100%;min-width:0} } /* ARBOR_COOPERATE_MOBILE_POLISH_P1_5_BEGIN */ .mode-grid{ gap:14px; } .mode-card{ padding:18px 18px 17px; min-height:156px; border-radius:24px; align-items:flex-start; justify-content:flex-start; text-align:left; } .mode-card h3{ font-size:16px; line-height:1.28; margin-bottom:8px; text-align:left; } .mode-card p{ font-size:13px; line-height:1.62; letter-spacing:-.05px; text-align:left; } .mode-link{ margin-top:auto; padding-top:16px; font-size:13px; font-weight:820; letter-spacing:-.05px; } .modal-drawer{ padding:28px 22px max(28px, calc(28px + env(safe-area-inset-bottom))); } .drawer-title{ font-size:22px; line-height:1.25; margin-bottom:20px; } .drawer-list{ margin-top:14px; margin-bottom:14px; } .drawer-list li{ font-size:14px; line-height:1.6; padding:11px 0; } .price-card{ padding:15px 16px; border-radius:18px; margin-bottom:12px; } .price-card h4{ font-size:15px; } .price-card p{ font-size:13px; } .modal-drawer > .btn-main{ width:100%; min-height:52px; border-radius:18px; margin-top:14px; padding:0 18px; white-space:normal; line-height:1.25; flex-shrink:0; } @media (max-width:390px){ .mode-grid{ gap:12px; } .mode-card{ padding:17px 16px 16px; min-height:150px; } .mode-card h3{ font-size:15px; } .mode-card p{ font-size:12.5px; line-height:1.58; } .mode-link{ font-size:12.5px; } } @media (max-width:340px){ .mode-grid{ grid-template-columns:1fr; } .mode-card{ min-height:126px; } } /* ARBOR_COOPERATE_MOBILE_POLISH_P1_5_END */ /* ARBOR_NAV_HEADER_CLICKABLE_P1_8_BEGIN */ .nav-bar{ height:52px; display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:60; padding:0 16px; background-color:var(--nav-bg, rgba(245,245,247,.86)); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-bottom:.5px solid var(--line-light, rgba(0,0,0,.055)); } .nav-title{ font-size:22px; font-weight:760; letter-spacing:-.35px; color:var(--text-main, #1D1D1F); } .nav-action{ font-size:13px; font-weight:680; color:var(--apple-blue, #007AFF); padding:8px 2px; white-space:nowrap; } .bottom-nav{ position:fixed; left:0; right:0; bottom:0; z-index:999; background:var(--bar-bg, rgba(250,250,250,.88)); border-top:.5px solid var(--line-light, rgba(0,0,0,.055)); backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); padding:6px 0 calc(6px + env(safe-area-inset-bottom)); display:flex; justify-content:center; pointer-events:auto; } .bottom-inner{ width:100%; max-width:var(--content-max, 560px); display:grid; grid-template-columns:repeat(4,1fr); } .bottom-nav .tab-item, .bottom-nav a.tab-item, .bottom-nav button.tab-item{ min-height:48px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; color:var(--text-soft, #A1A1A6); font-size:11px; font-weight:650; text-decoration:none; background:transparent; border:0; padding:0; cursor:pointer; pointer-events:auto; -webkit-user-select:none; user-select:none; } .bottom-nav .tab-item svg{ width:22px; height:22px; stroke-width:2.1; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; } .bottom-nav .tab-item span{ pointer-events:none; } .bottom-nav .tab-item.active{ color:var(--apple-blue, #007AFF); } body{ padding-bottom:calc(86px + env(safe-area-inset-bottom)); } /* ARBOR_NAV_HEADER_CLICKABLE_P1_8_END */ /* ARBOR_COOPERATE_MODAL_SAFEAREA_P1_9_BEGIN */ body.modal-open{ overflow:hidden; } body.modal-open .bottom-nav{ transform:translateY(120%); opacity:0; pointer-events:none; } .modal-overlay{ z-index:3000 !important; align-items:flex-end; } .modal-drawer{ z-index:3001 !important; max-height:min(82vh, calc(100dvh - 120px)); overflow-y:auto; padding:28px 22px calc(40px + env(safe-area-inset-bottom)); box-shadow:0 -18px 42px rgba(0,0,0,.08); } .modal-drawer > .btn-main{ position:sticky; bottom:0; width:100%; min-height:52px; margin-top:18px; border-radius:18px; flex-shrink:0; box-shadow:0 -10px 24px rgba(255,255,255,.92); } html[data-theme="dark"] .modal-drawer > .btn-main{ box-shadow:0 -10px 24px rgba(28,28,30,.9); } .drawer-list:last-of-type, .price-card:last-of-type{ margin-bottom:12px; } @supports not (height: 100dvh){ .modal-drawer{ max-height:82vh; } } @media (max-width:390px){ .modal-drawer{ max-height:min(84vh, calc(100dvh - 110px)); padding-left:20px; padding-right:20px; padding-bottom:calc(44px + env(safe-area-inset-bottom)); } } /* ARBOR_COOPERATE_MODAL_SAFEAREA_P1_9_END */ /* ARBOR_COOPERATE_HERO_POSTER_P1_12_BEGIN */ .cooperate-hero-poster-section-p112{ padding:12px 16px 0; } .cooperate-hero-poster-card-p112{ width:100%; overflow:hidden; border-radius:24px; background:#fff; border:1px solid var(--line-light, rgba(0,0,0,.055)); box-shadow:0 2px 12px rgba(0,0,0,.022); } .cooperate-hero-poster-img-p112{ display:block; width:100%; height:auto; border:0; object-fit:contain; object-position:center center; background:#fff; } /* ARBOR_COOPERATE_HERO_POSTER_P1_12_END */ /* ARBOR_COOPERATE_SCREENING_V1_CSS_BEGIN */ .cooperate-hero-poster-card-p112{ aspect-ratio:16 / 9; } .cooperate-hero-poster-img-p112{ width:100%; height:100%; object-fit:cover; } .cooperate-compact-list-v1 .details-content{ padding:0; margin:0 0 14px; } .cooperate-compact-list-v1 .clean-list + .details-content{ margin-top:18px; } .cooperate-compact-list-v1 strong{ display:block; color:var(--text-main); font-size:14px; margin-bottom:6px; } .cooperate-more-v1 details .details-content{ color:var(--text-sub); } .cooperate-cta-v1 .btn-main{ margin-top:14px; } /* ARBOR_COOPERATE_SCREENING_V1_CSS_END */ /* ARBOR_FRONTEND_UI_FINAL_UNIFY_V1_BEGIN */ :root{--ios-bg:#F5F5F7;--ios-card:#fff;--soft-card:#FAFAFC;--apple-blue:#007AFF;--apple-green:#34C759;--apple-orange:#FF9500;--apple-red:#FF3B30;--text-main:#1D1D1F;--text-sub:#86868B;--text-soft:#A1A1A6;--line-light:rgba(0,0,0,.055);--separator:rgba(60,60,67,.12);--radius-card:24px;--radius-mid:18px;--radius-small:14px;--content-max:560px} html[data-theme="dark"]{--ios-bg:#0B0B0C;--ios-card:#1C1C1E;--soft-card:#242426;--apple-blue:#0A84FF;--apple-green:#30D158;--apple-orange:#FF9F0A;--apple-red:#FF453A;--text-main:#F5F5F7;--text-sub:#A1A1A6;--text-soft:#8E8E93;--line-light:rgba(255,255,255,.065);--separator:rgba(255,255,255,.08)} html,body{background:var(--ios-bg)!important}body{display:flex!important;justify-content:center!important;color:var(--text-main)!important;-webkit-font-smoothing:antialiased}.app-container,.container,.wrap{width:100%!important;max-width:var(--content-max)!important;margin:0 auto!important;background:var(--ios-bg)!important;overflow-x:hidden!important}.app-container{min-height:100vh!important;padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}.page,main.page{padding:12px 16px 0!important}.nav-bar{height:52px!important;max-width:var(--content-max)!important;margin:0 auto!important;border-bottom:.5px solid var(--line-light)!important}.nav-title{font-size:17px!important;font-weight:760!important;letter-spacing:-.18px!important;color:var(--text-main)!important}.nav-action,.section-action,.text-action,.bottom-link{font-size:13px!important;font-weight:720!important;color:var(--apple-blue)!important}.section{margin-top:22px!important;padding-left:0!important;padding-right:0!important}.section:first-child,.page>.section:first-child{margin-top:12px!important}.section-head{margin-bottom:12px!important;padding:0 4px!important}.section-title{font-size:17px!important;font-weight:760!important;line-height:1.35!important;letter-spacing:-.22px!important;color:var(--text-main)!important}.section-sub,.section-note,.group-sub,.card-sub,.hint-desc,.notice-desc,.rule-entry-sub,.bottom-note,.footer-note{font-size:13px!important;line-height:1.58!important;color:var(--text-sub)!important;font-weight:400!important}.card,.asset-card,.summary-card,.account-card,.security-card,.hero-card,.main-card,.group,.compare-card,.linked-card,.active-card,.textarea-card,.upload-card,.notice-card,.hint-card,.segment-card,.list-card,.coupon-card,.rule-entry,.service-card,.save-card,.detail-card,.subscription-card{background:var(--ios-card)!important;border:1px solid var(--line-light)!important;border-radius:var(--radius-card)!important;box-shadow:0 2px 12px rgba(0,0,0,.022)!important}.asset-card,.summary-card,.account-card,.hero-card,.main-card{padding:20px!important}.card-title,.group-title,.list-title,.coupon-name,.security-title,.linked-title,.active-title,.service-title,.fold-title{font-size:15px!important;font-weight:740!important;line-height:1.36!important;color:var(--text-main)!important;letter-spacing:-.14px!important}.card-desc,.list-desc,.coupon-meta,.security-desc,.linked-summary,.active-summary,.sheet-sub,.summary-desc,.hero-desc,.account-note,.password-note{font-size:13px!important;line-height:1.58!important;color:var(--text-sub)!important;font-weight:400!important}.status-pill,.status-badge,.hero-status,.asset-id,.linked-status,.active-status,.sheet-status{display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:0 9px!important;border-radius:999px!important;background:var(--soft-card)!important;border:1px solid var(--line-light)!important;font-size:12px!important;font-weight:720!important;color:var(--text-sub)!important;white-space:nowrap!important}.status-green,.status-done,.available,.success,.green{color:var(--apple-green)!important}.status-blue,.processing,.blue{color:var(--apple-blue)!important}.status-orange,.need-more,.warning,.orange{color:var(--apple-orange)!important}.primary-button,.btn-primary,.btn-main,.sheet-btn-main,.modal-btn-main,.empty-btn,.summary-line-action,.security-action.primary,.active-btn.primary,.coupon-action.primary,.service-action.main,.btn-sheet-main{height:46px!important;min-height:46px!important;border-radius:15px!important;background:var(--apple-blue)!important;color:#fff!important;font-size:14px!important;font-weight:720!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:none!important;box-shadow:none!important;padding:0 16px!important}.secondary-button,.btn-soft,.sheet-btn-sub,.modal-btn-sub,.btn-secondary,.security-action,.active-btn,.coupon-action,.btn-sheet-sub{height:46px!important;min-height:46px!important;border-radius:15px!important;background:var(--btn-gray-bg,#E5E5EA)!important;color:var(--text-main)!important;font-size:14px!important;font-weight:720!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:none!important;box-shadow:none!important;padding:0 16px!important}.rule-section{margin:14px 16px 0!important}.rule-entry,.hint-card,.notice-card{padding:14px 15px!important;border-radius:18px!important;background:var(--soft-card)!important}.rule-entry-title,.hint-title,.notice-title{font-size:15px!important;font-weight:740!important;color:var(--text-main)!important}.segment-card,.segment-wrap{padding:4px!important;background:rgba(118,118,128,.12)!important;border-radius:17px!important;display:flex!important;gap:6px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.segment-card::-webkit-scrollbar,.segment-wrap::-webkit-scrollbar{display:none!important}.segment-btn{flex:0 0 auto!important;min-width:max-content!important;height:34px!important;padding:0 14px!important;border-radius:13px!important;font-size:13px!important;font-weight:720!important;color:var(--text-sub)!important;white-space:nowrap!important}.segment-btn.active{background:var(--ios-card)!important;color:var(--apple-blue)!important;box-shadow:0 2px 8px rgba(0,0,0,.045)!important}.sheet,.modal-card{max-width:var(--content-max)!important;border-radius:24px 24px 0 0!important}.asset-title,.summary-title{font-size:32px!important;line-height:1.15!important;font-weight:820!important;letter-spacing:-.65px!important;color:var(--text-main)!important}.asset-kicker,.summary-label,.hero-label,.kicker{font-size:12px!important;font-weight:720!important;color:var(--apple-blue)!important;margin-bottom:8px!important}.asset-stat-row{gap:10px!important;margin-top:16px!important}.asset-stat{background:var(--soft-card)!important;border:1px solid var(--line-light)!important;border-radius:18px!important;min-height:72px!important}.asset-num{font-size:22px!important;font-weight:780!important;color:var(--text-main)!important}.asset-num.blue{color:var(--text-main)!important}.asset-num.orange{color:var(--apple-orange)!important}.asset-num.green{color:var(--apple-green)!important}.coupon-list,.record-list{display:flex!important;flex-direction:column!important;gap:12px!important}.coupon-card,.list-card{border-radius:18px!important;padding:15px!important}.coupon-row{align-items:flex-start!important;gap:12px!important}.coupon-action{height:34px!important;min-height:34px!important;border-radius:999px!important;padding:0 13px!important;font-size:12px!important}#arborVerifyRecordsReadonlyV1{max-width:var(--content-max)!important;margin:16px auto!important;padding:0 16px!important;background:transparent!important;box-shadow:none!important;border:none!important}#arborVerifyRecordsReadonlyV1 .vr-head{background:var(--ios-card)!important;border:1px solid var(--line-light)!important;border-radius:24px!important;padding:18px!important;box-shadow:0 2px 12px rgba(0,0,0,.022)!important}#arborVerifyRecordsReadonlyV1 .vr-head h2{font-size:17px!important;font-weight:760!important;color:var(--text-main)!important;margin:0 0 6px!important}#arborVerifyRecordsReadonlyV1 .vr-head p,#arborVerifyRecordsReadonlyV1 .vr-msg{font-size:13px!important;line-height:1.58!important;color:var(--text-sub)!important}#arborVerifyRecordsReadonlyV1 .vr-actions button,#arborVerifyRecordsReadonlyV1 .vr-btn{height:36px!important;border-radius:13px!important;padding:0 13px!important;font-size:13px!important;font-weight:720!important;background:var(--soft-card)!important;color:var(--apple-blue)!important;border:1px solid var(--line-light)!important}#arborVerifyRecordsReadonlyV1 .vr-item{background:var(--ios-card)!important;border:1px solid var(--line-light)!important;border-radius:18px!important;padding:15px!important;margin:12px 0!important}.reason-chip{border-radius:16px!important;background:var(--ios-card)!important;border:1px solid var(--line-light)!important;font-size:14px!important;font-weight:720!important}.reason-chip.active{background:var(--active-bg,rgba(0,122,255,.1))!important;border-color:rgba(0,122,255,.18)!important;color:var(--apple-blue)!important}.account-title{font-size:24px!important;font-weight:800!important;line-height:1.22!important;letter-spacing:-.4px!important}.account-fields{margin-top:16px!important;border:1px solid var(--line-light)!important;border-radius:18px!important;overflow:hidden!important;background:var(--soft-card)!important}.account-field{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;min-height:58px!important;padding:0 15px!important;border-bottom:.5px solid var(--separator)!important;background:transparent!important}.account-field:last-child{border-bottom:none!important}.field-label{font-size:12px!important;color:var(--text-sub)!important;font-weight:620!important}.field-value{font-size:15px!important;color:var(--text-main)!important;font-weight:720!important;text-align:right!important;word-break:break-all!important}.security-card{padding:16px!important;border-radius:20px!important}.security-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important}.bottom-links{margin:22px 0 10px!important;text-align:center!important}.subscription-p3-visual-v3 .hero-title,.hero-title{font-size:24px!important;line-height:1.22!important;font-weight:800!important;letter-spacing:-.4px!important}.price-value{font-size:28px!important;font-weight:820!important;color:var(--text-main)!important}.price-value span{font-size:12px!important;color:var(--text-sub)!important;font-weight:620!important}.rights-grid{gap:10px!important}.right-mini{background:var(--ios-card)!important;border:1px solid var(--line-light)!important;border-radius:18px!important;min-height:76px!important;padding:12px!important}.right-number{font-size:17px!important;font-weight:760!important;color:var(--text-main)!important}.right-number.blue,.right-number.green{color:var(--text-main)!important}.right-name{font-size:12px!important;color:var(--text-sub)!important}.list-item{min-height:58px!important;padding:14px 0!important;border-bottom:.5px solid var(--separator)!important}.list-item:last-child{border-bottom:none!important}.list-side,.guide-result{min-width:26px!important;height:26px!important;border-radius:999px!important;background:var(--soft-card)!important;border:1px solid var(--line-light)!important;color:var(--text-sub)!important;font-size:12px!important;font-weight:720!important;display:flex!important;align-items:center!important;justify-content:center!important}.final-record-tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:4px!important;background:rgba(118,118,128,.12)!important;border-radius:17px!important}.final-record-tabs .segment-btn{flex:0 0 auto!important;min-width:max-content!important;padding:0 16px!important}.status-text{font-size:12px!important;font-weight:740!important}.live-primary-card,.live-special-card,.live-demand-row,.account-live-card,.live-guide-card{background:var(--ios-card)!important;border:1px solid var(--line-light)!important;border-radius:20px!important;box-shadow:0 2px 12px rgba(0,0,0,.022)!important}.live-demand-list{display:flex!important;flex-direction:column!important;gap:10px!important}.live-demand-row,.live-choice-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;padding:15px 16px!important}.live-demand-action,.live-choice-action{font-size:13px!important;font-weight:720!important;color:var(--apple-blue)!important;white-space:nowrap!important}.account-submit-preview{background:var(--soft-card)!important;border:1px solid var(--line-light)!important;border-radius:16px!important;padding:12px!important;font-size:12px!important;color:var(--text-sub)!important;line-height:1.58!important;margin-top:12px!important}.account-live-success-icon,.success-icon-v1{background:transparent!important}.success-check-v1{width:52px!important;height:52px!important}#submitSuccessSection:not(.is-visible){display:none!important}@media(max-width:420px){.security-row,.live-demand-row,.live-choice-card{grid-template-columns:1fr!important}.primary-button,.btn-primary,.btn-main,.sheet-btn-main,.modal-btn-main,.secondary-button,.btn-soft,.sheet-btn-sub,.modal-btn-sub{width:100%!important}.actions,.success-actions-v1,.action-row,.service-actions,.sheet-actions{grid-template-columns:1fr!important}} /* ARBOR_FRONTEND_UI_FINAL_UNIFY_V1_END */ /* ARBOR_FRONTEND_COMMON_CARD_WIDTH_CLIP_BASE_V1_BEGIN */ :root{ --arbor-unified-card-max:600px; --arbor-unified-shell-max:632px; --arbor-unified-side-pad:16px; --arbor-unified-radius:24px; --arbor-unified-inner-radius:18px; } html, body{ width:100% !important; max-width:100% !important; overflow-x:hidden !important; background:var(--ios-bg, #f5f5f7) !important; } *, *::before, *::after{ box-sizing:border-box !important; } :where(.app-container,.page-shell,.mobile-shell,.wrap,.site-wrap,.container,.main-shell){ width:100% !important; max-width:var(--arbor-unified-shell-max) !important; margin-left:auto !important; margin-right:auto !important; overflow-x:hidden !important; } :where(.page,.main,.content,.main-content){ width:100% !important; max-width:var(--arbor-unified-shell-max) !important; margin-left:auto !important; margin-right:auto !important; padding-left:var(--arbor-unified-side-pad) !important; padding-right:var(--arbor-unified-side-pad) !important; } :where(.nav-bar,.bottom-nav){ max-width:var(--arbor-unified-shell-max) !important; margin-left:auto !important; margin-right:auto !important; } :where(.section,.cta-area,.bottom-note,.footer-note,.top,.stats,.actions){ width:100% !important; max-width:var(--arbor-unified-card-max) !important; margin-left:auto !important; margin-right:auto !important; } :where( .app-container > .card, .app-container > .summary-card, .app-container > .hero-card, .app-container > .intro-card, .app-container > .form-card, .app-container > .list-group, .app-container > .empty-card, .app-container > .empty-state, .app-container > .cta-card, .app-container > .section, .page > .card, .page > .summary-card, .page > .hero-card, .page > .intro-card, .page > .form-card, .page > .account-card, .page > .security-card, .page > .asset-card, .page > .list-group, .page > .empty-card, .page > .empty-state, .page > .segment-wrap, .page > .record-list, .page > .section, .section > .card, .section > .summary-card, .section > .hero-card, .section > .intro-card, .section > .form-card, .section > .list-card, .section > .list-group, .section > .empty-card, .section > .empty-state, .section > .notice-card, .section > .plain-card, .section > .cta-card, .section > .faq-card, .section > .category-card, .section > .info-card, .section > .textarea-card, .section > .record-list, .section > .rule-card, .section > .compare-card, .section > .segment-wrap ){ width:100% !important; max-width:var(--arbor-unified-card-max) !important; margin-left:auto !important; margin-right:auto !important; } :where( .card, .summary-card, .hero-card, .intro-card, .form-card, .account-card, .security-card, .asset-card, .list-card, .list-group, .empty-card, .empty-state, .notice-card, .plain-card, .cta-card, .faq-card, .category-card, .info-card, .textarea-card, .rule-card, .compare-card, .record-list, .sheet-group, .sheet-text-card ){ background:var(--ios-card, #fff) !important; background-image:none !important; border:1px solid var(--line-light, rgba(0,0,0,.06)) !important; border-radius:var(--arbor-unified-radius) !important; box-shadow:0 2px 12px rgba(0,0,0,.022) !important; } html[data-theme="dark"] :where( .card, .summary-card, .hero-card, .intro-card, .form-card, .account-card, .security-card, .asset-card, .list-card, .list-group, .empty-card, .empty-state, .notice-card, .plain-card, .cta-card, .faq-card, .category-card, .info-card, .textarea-card, .rule-card, .compare-card, .record-list, .sheet-group, .sheet-text-card ){ background:var(--ios-card, #1c1c1e) !important; background-image:none !important; box-shadow:0 10px 28px rgba(0,0,0,.18) !important; } :where( .item-content, .list-main, .list-title-wrap, .asset-main, .detail-main, .summary-main, .info-main, .form-main, .field-main, .modal-main, .card-main, .text-main, .content-main ){ min-width:0 !important; max-width:100% !important; } :where( .item-title, .item-desc, .list-title, .list-desc, .list-summary-text, .summary-title, .summary-desc, .hero-title, .hero-desc, .intro-title, .intro-desc, .section-title, .section-sub, .section-note, .card-title, .card-desc, .notice-title, .notice-text, .plain-title, .plain-text, .faq-question, .faq-answer, .empty-title, .empty-desc, .field-label, .field-value, .asset-label, .asset-desc, .asset-value, .detail-label, .detail-value, .summary-label, .summary-value, .info-label, .info-value, .meta-name, .meta-value, .price-label, .price-value, .price-sub, .form-label, .label-hint, .inline-help, .inline-error, .modal-title, .modal-sub, .sheet-title, .sheet-sub, .sheet-label, .sheet-value, .sheet-text ){ max-width:100% !important; min-width:0 !important; white-space:normal !important; overflow-wrap:anywhere !important; word-break:break-word !important; text-overflow:clip !important; } :where( .item-title, .item-desc, .list-title, .list-desc, .summary-title, .summary-desc, .hero-title, .hero-desc, .section-title, .section-sub, .section-note, .card-title, .card-desc, .empty-title, .empty-desc ){ overflow:visible !important; } :where( .list-item, .asset-row, .detail-row, .summary-row, .info-row, .meta-row, .form-row, .account-field, .security-row, .result-row, .sheet-row, .modal-row, .choice-item, .target-card, .upload-item, .preview-item, .mode-card, .right-mini, .quick-item, .stat, .benefit-row ){ min-width:0 !important; max-width:100% !important; } :where( input, textarea, select, button, img, svg, video, canvas ){ max-width:100% !important; } :where(.form-input,.input,.textarea,textarea,input,select){ min-width:0 !important; width:100% !important; } :where(.primary,.btn,.btn-main,.btn-primary,.primary-btn,.modal-btn,.modal-btn-main,.sheet-btn-main,.cta-btn,.empty-btn){ max-width:100% !important; } :where(.pill,.status-badge,.status-text,.tag,.badge,.nav-action,.nav-right,.list-side,.item-right,.asset-value,.detail-value,.summary-value){ flex-shrink:0; } @media (max-width:420px){ :where(.page,.main,.content,.main-content){ padding-left:14px !important; padding-right:14px !important; } :where(.section,.cta-area,.bottom-note,.footer-note){ max-width:100% !important; } :where(.summary-title,.hero-title,.intro-title){ font-size:min(28px, 7.2vw) !important; line-height:1.16 !important; } :where(.list-item,.asset-row,.detail-row,.summary-row,.info-row,.meta-row,.security-row){ align-items:flex-start !important; } } /* ARBOR_FRONTEND_COMMON_CARD_WIDTH_CLIP_BASE_V1_END */ /* ARBOR_FRONTEND_SPACING_ONLY_PRESERVE_GRID_V3_BEGIN */ :root{ --arbor-spacing-shell-max:632px; --arbor-spacing-card-max:600px; --arbor-spacing-side:16px; } /* * This layer intentionally preserves original multi-card grids. * Do not convert .arbor-path-grid-v5 / .choice-grid / .mode-grid into single column. */ html, body{ width:100% !important; max-width:100% !important; overflow-x:hidden !important; } body .app-container, body .page-shell, body .mobile-shell, body .wrap, body .site-wrap, body .container, body .main-shell{ width:100% !important; max-width:var(--arbor-spacing-shell-max) !important; margin-left:auto !important; margin-right:auto !important; overflow-x:hidden !important; } body .nav-bar, body .bottom-nav{ width:100% !important; max-width:var(--arbor-spacing-shell-max) !important; margin-left:auto !important; margin-right:auto !important; } body .page, body .main, body .content, body .main-content{ width:100% !important; max-width:var(--arbor-spacing-shell-max) !important; margin-left:auto !important; margin-right:auto !important; padding-left:var(--arbor-spacing-side) !important; padding-right:var(--arbor-spacing-side) !important; overflow-x:hidden !important; } /* Hero / carousel outer rhythm */ body .arbor-home-carousel-v11, body .shop-hero-card-section-p112, body .cooperate-hero-poster-section-p112{ width:100% !important; max-width:var(--arbor-spacing-shell-max) !important; margin-left:auto !important; margin-right:auto !important; padding-left:var(--arbor-spacing-side) !important; padding-right:var(--arbor-spacing-side) !important; box-sizing:border-box !important; } body .arbor-home-carousel-viewport, body .shop-hero-card-p112, body .cooperate-hero-poster-card-p112{ width:100% !important; max-width:var(--arbor-spacing-card-max) !important; margin-left:auto !important; margin-right:auto !important; } /* General section rhythm: same side margin feel as me.html */ body .section, body .cta-area, body .bottom-note, body .footer-note, body .arbor-path-section-v5, body .shop-section, body .cooperate-section, body .balance-section, body .check-section, body .verify-section, body .confirm-section, body .detail-section{ width:100% !important; max-width:var(--arbor-spacing-card-max) !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box !important; } body .section{ padding-left:0 !important; padding-right:0 !important; } /* Preserve original index 3-card row, but place the entire row inside me.html-like side spacing */ body .arbor-path-grid-v5{ width:100% !important; max-width:var(--arbor-spacing-card-max) !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box !important; display:grid !important; grid-template-columns:repeat(3, minmax(0, 1fr)) !important; gap:12px !important; } body .arbor-path-card-v5{ width:100% !important; min-width:0 !important; max-width:none !important; box-sizing:border-box !important; } /* Preserve original shop 2-card rows */ body .choice-grid{ width:100% !important; max-width:var(--arbor-spacing-card-max) !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box !important; display:grid !important; grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:12px !important; } body .choice-item{ width:100% !important; min-width:0 !important; max-width:none !important; box-sizing:border-box !important; } /* Preserve original cooperate 2-card rows */ body .mode-grid{ width:100% !important; max-width:var(--arbor-spacing-card-max) !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box !important; display:grid !important; grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:12px !important; } body .mode-card{ width:100% !important; min-width:0 !important; max-width:none !important; box-sizing:border-box !important; } /* Other card groups keep their original columns where possible; only constrain group width */ body .advanced-grid, body .preview-grid, body .metric-grid, body .recharge-grid, body .reason-grid, body .upload-grid, body .rights-grid, body .quick-grid, body .entry-grid, body .service-grid, body .benefit-grid, body .category-grid, body .option-grid, body .scenario-grid, body .product-grid, body .cards-grid, body .stats-grid, body .feature-grid, body .target-grid, body .package-grid, body .coupon-grid, body .grid-2, body .grid-3{ width:100% !important; max-width:var(--arbor-spacing-card-max) !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box !important; } /* Card items: keep existing layout, only prevent overflow and clipping */ body .arbor-path-card-v5, body .choice-item, body .mode-card, body .advanced-item, body .preview-item, body .metric-item, body .meta-item, body .pay-item, body .reason-item, body .upload-item, body .right-mini, body .quick-item, body .quick-card, body .entry-card, body .service-card, body .benefit-card, body .category-card, body .option-card, body .scenario-card, body .product-card, body .target-card, body .package-card, body .coupon-card, body .stat, body .stat-card, body .feature-card{ min-width:0 !important; box-sizing:border-box !important; } /* Single full-width cards keep me.html-like width */ body .card, body .summary-card, body .hero-card, body .intro-card, body .form-card, body .account-card, body .security-card, body .asset-card, body .list-card, body .list-group, body .empty-card, body .empty-state, body .notice-card, body .plain-card, body .cta-card, body .faq-card, body .info-card, body .textarea-card, body .rule-card, body .compare-card, body .record-list, body .sheet-group, body .sheet-text-card{ max-width:var(--arbor-spacing-card-max) !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box !important; } /* Anti clipping: text content can wrap, but no grid conversion */ body .item-content, body .list-main, body .list-title-wrap, body .asset-main, body .detail-main, body .summary-main, body .info-main, body .form-main, body .field-main, body .modal-main, body .card-main, body .text-main, body .content-main, body .recommend-title-wrap, body .section-title-row{ min-width:0 !important; max-width:100% !important; } body .item-title, body .item-desc, body .list-title, body .list-desc, body .list-summary-text, body .summary-title, body .summary-desc, body .hero-title, body .hero-desc, body .intro-title, body .intro-desc, body .section-title, body .section-sub, body .section-note, body .card-title, body .card-desc, body .notice-title, body .notice-text, body .plain-title, body .plain-text, body .faq-question, body .faq-answer, body .empty-title, body .empty-desc, body .field-label, body .field-value, body .asset-label, body .asset-desc, body .asset-value, body .detail-label, body .detail-value, body .summary-label, body .summary-value, body .info-label, body .info-value, body .meta-name, body .meta-value, body .price-label, body .price-value, body .price-sub, body .form-label, body .label-hint, body .inline-help, body .inline-error, body .modal-title, body .modal-sub, body .sheet-title, body .sheet-sub, body .sheet-label, body .sheet-value, body .sheet-text, body .recommend-title, body .recommend-body, body .recommend-desc, body .details-content{ max-width:100% !important; min-width:0 !important; white-space:normal !important; overflow-wrap:anywhere !important; word-break:break-word !important; text-overflow:clip !important; } /* Icons/images must not push card width */ body img, body svg, body video, body canvas{ max-width:100% !important; } body input, body textarea, body select{ max-width:100% !important; min-width:0 !important; } /* Mobile keeps original one-row card count, with the same side margin as me.html */ @media (max-width:420px){ body .page, body .main, body .content, body .main-content, body .arbor-home-carousel-v11, body .shop-hero-card-section-p112, body .cooperate-hero-poster-section-p112{ padding-left:16px !important; padding-right:16px !important; } body .arbor-path-section-v5, body .section, body .shop-section, body .cooperate-section, body .balance-section, body .check-section, body .verify-section, body .confirm-section, body .detail-section{ width:100% !important; max-width:var(--arbor-spacing-card-max) !important; } body .arbor-path-grid-v5{ grid-template-columns:repeat(3, minmax(0, 1fr)) !important; gap:10px !important; } body .choice-grid, body .mode-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:12px !important; } } /* ARBOR_FRONTEND_SPACING_ONLY_PRESERVE_GRID_V3_END */ /* ARBOR_FRONTEND_EDGE_INSET_SPACING_FIX_V4_BEGIN */ :root{ --arbor-edge-inset:16px; --arbor-edge-width:calc(100% - 32px); --arbor-edge-card-max:600px; --arbor-edge-shell-max:632px; } /* * Edge inset fix: * Keep original grid columns. Only pull escaped full-width modules inward. * Do NOT use grid-template-columns:1fr here. */ html, body{ overflow-x:hidden !important; } /* Keep shell centered but don't rely on max-width alone for mobile spacing */ body .app-container, body .page-shell, body .mobile-shell, body .wrap, body .site-wrap, body .container, body .main-shell{ width:100% !important; max-width:var(--arbor-edge-shell-max) !important; margin-left:auto !important; margin-right:auto !important; overflow-x:hidden !important; } /* Page content should have the same side breathing as me.html */ body .page, body .main, body .content, body .main-content{ width:100% !important; max-width:var(--arbor-edge-shell-max) !important; margin-left:auto !important; margin-right:auto !important; padding-left:var(--arbor-edge-inset) !important; padding-right:var(--arbor-edge-inset) !important; overflow-x:hidden !important; } /* * Top visual cards already looked close, but these guarantee the visible card itself * uses the same inset rhythm instead of edge-to-edge wrappers. */ body .arbor-home-carousel-v11, body .shop-hero-card-section-p112, body .cooperate-hero-poster-section-p112{ width:100% !important; max-width:var(--arbor-edge-shell-max) !important; margin-left:auto !important; margin-right:auto !important; padding-left:var(--arbor-edge-inset) !important; padding-right:var(--arbor-edge-inset) !important; box-sizing:border-box !important; } body .arbor-home-carousel-viewport, body .shop-hero-card-p112, body .cooperate-hero-poster-card-p112{ width:100% !important; max-width:var(--arbor-edge-card-max) !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box !important; } /* * These are the modules visible in your screenshots. * Their wrappers were still using the full viewport width. */ body .arbor-path-section-v5, body .arbor-path-head-v5, body .arbor-path-header-v5, body .arbor-path-title-row-v5, body .arbor-path-grid-v5, body .shop-section, body .shop-section-head, body .shop-section-header, body .shop-title-row, body .shop-tabs, body .shop-tabbar, body .shop-tab-wrap, body .shop-segment, body .shop-segment-wrap, body .shop-filter-tabs, body .choice-grid, body .cooperate-section, body .cooperate-section-head, body .cooperate-section-header, body .cooperate-title-row, body .mode-grid, body .cooperate-mode-grid, body .cooperate-mode-section, body .segment-wrap, body .tabs, body .tabbar, body .tab-wrap, body .tab-section{ width:var(--arbor-edge-width) !important; max-width:var(--arbor-edge-card-max) !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box !important; } /* Preserve original row counts, only constrain the group width */ body .arbor-path-grid-v5{ display:grid !important; grid-template-columns:repeat(3, minmax(0, 1fr)) !important; gap:10px !important; } body .choice-grid{ display:grid !important; grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:12px !important; } body .mode-grid, body .cooperate-mode-grid{ display:grid !important; grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:12px !important; } /* Cards inside the preserved grids must not overflow their column */ body .arbor-path-card-v5, body .choice-item, body .mode-card, body .cooperate-mode-card{ width:100% !important; min-width:0 !important; max-width:none !important; box-sizing:border-box !important; } /* * Generic escaped sections: only wrappers, not grid columns. * This helps pages with section blocks outside .page padding. */ body .section, body .section-wrap, body .section-block, body .section-group, body .section-panel, body .section-list, body .section-grid, body .section-body, body .section-title-row, body .section-header, body .section-head, body .title-row, body .filter-row, body .toolbar-row, body .cta-area, body .bottom-note, body .footer-note{ max-width:var(--arbor-edge-card-max) !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box !important; } /* If these section wrappers are direct edge-level blocks, give them actual side inset. */ body > .section, body .app-container > .section, body .page-shell > .section, body .mobile-shell > .section, body .app-container > .section-head, body .app-container > .section-title-row, body .app-container > .title-row{ width:var(--arbor-edge-width) !important; } /* Text clipping guard remains, but it does not alter column count. */ body .item-content, body .list-main, body .list-title-wrap, body .asset-main, body .detail-main, body .summary-main, body .info-main, body .form-main, body .field-main, body .modal-main, body .card-main, body .text-main, body .content-main, body .recommend-title-wrap{ min-width:0 !important; max-width:100% !important; } body .item-title, body .item-desc, body .list-title, body .list-desc, body .summary-title, body .summary-desc, body .hero-title, body .hero-desc, body .section-title, body .section-sub, body .section-note, body .card-title, body .card-desc, body .plain-title, body .plain-text, body .empty-title, body .empty-desc, body .field-label, body .field-value, body .asset-label, body .asset-desc, body .asset-value, body .detail-label, body .detail-value, body .summary-label, body .summary-value, body .info-label, body .info-value, body .meta-name, body .meta-value, body .price-label, body .price-value, body .price-sub, body .form-label, body .label-hint, body .inline-help, body .inline-error, body .modal-title, body .modal-sub, body .sheet-title, body .sheet-sub, body .sheet-label, body .sheet-value, body .sheet-text, body .recommend-title, body .recommend-body, body .recommend-desc{ max-width:100% !important; min-width:0 !important; white-space:normal !important; overflow-wrap:anywhere !important; word-break:break-word !important; text-overflow:clip !important; } body img, body svg, body video, body canvas{ max-width:100% !important; } @media (max-width:420px){ body .arbor-path-section-v5, body .arbor-path-head-v5, body .arbor-path-header-v5, body .arbor-path-title-row-v5, body .arbor-path-grid-v5, body .shop-section, body .shop-section-head, body .shop-section-header, body .shop-title-row, body .shop-tabs, body .shop-tabbar, body .shop-tab-wrap, body .shop-segment, body .shop-segment-wrap, body .shop-filter-tabs, body .choice-grid, body .cooperate-section, body .cooperate-section-head, body .cooperate-section-header, body .cooperate-title-row, body .mode-grid, body .cooperate-mode-grid, body .cooperate-mode-section, body .segment-wrap, body .tabs, body .tabbar, body .tab-wrap, body .tab-section{ width:var(--arbor-edge-width) !important; max-width:var(--arbor-edge-card-max) !important; } body .arbor-path-grid-v5{ grid-template-columns:repeat(3, minmax(0, 1fr)) !important; } body .choice-grid, body .mode-grid, body .cooperate-mode-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; } } /* ARBOR_FRONTEND_EDGE_INSET_SPACING_FIX_V4_END */ /* ARBOR_COOPERATE_MODE_CARDS_POLISH_V1_BEGIN */ /* Visual polish for the 4 mode cards under “选择合作方式” */ .mode-grid{ display:grid !important; grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:14px !important; align-items:stretch !important; } .mode-card{ position:relative !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:space-between !important; text-align:left !important; width:100% !important; min-width:0 !important; min-height:216px !important; padding:20px 18px 16px !important; gap:14px !important; border-radius:24px !important; border:1px solid var(--line-light) !important; background:var(--ios-card) !important; box-shadow:0 2px 12px rgba(0,0,0,.022) !important; overflow:hidden !important; } html[data-theme="dark"] .mode-card{ box-shadow:0 10px 28px rgba(0,0,0,.18) !important; } .mode-card > div:first-child{ width:100% !important; min-width:0 !important; } .mode-card h3{ margin:0 0 10px !important; font-size:18px !important; line-height:1.3 !important; font-weight:780 !important; letter-spacing:-.22px !important; color:var(--text-main) !important; } .mode-card p{ margin:0 !important; font-size:14px !important; line-height:1.68 !important; font-weight:400 !important; color:var(--text-sub) !important; white-space:normal !important; overflow-wrap:anywhere !important; word-break:break-word !important; } .mode-link{ width:100% !important; min-height:42px !important; margin-top:auto !important; padding-top:14px !important; border-top:.5px solid var(--separator) !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:6px !important; font-size:13px !important; line-height:1.2 !important; font-weight:740 !important; color:var(--apple-blue) !important; white-space:normal !important; } .mode-card:active{ transform:scale(.985) !important; } @media (max-width:420px){ .mode-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:12px !important; } .mode-card{ min-height:202px !important; padding:18px 16px 14px !important; border-radius:22px !important; } .mode-card h3{ font-size:17px !important; margin-bottom:8px !important; } .mode-card p{ font-size:13px !important; line-height:1.62 !important; } .mode-link{ min-height:38px !important; padding-top:12px !important; font-size:12.5px !important; } } /* ARBOR_COOPERATE_MODE_CARDS_POLISH_V1_END */ /* ARBOR_COOPERATE_CONNECT_LABEL_NOWRAP_V1_BEGIN */ /* Keep these labels on one line inside “Arbor 怎么对接”. */ #arbor-connect-section .clean-list li{ white-space:normal !important; overflow-wrap:break-word !important; word-break:normal !important; } #arbor-connect-section .clean-list li .connect-label-nowrap{ display:inline-block !important; min-width:66px !important; margin-right:4px !important; white-space:nowrap !important; word-break:keep-all !important; overflow-wrap:normal !important; text-overflow:clip !important; vertical-align:baseline !important; } @media (max-width:420px){ #arbor-connect-section .clean-list li .connect-label-nowrap{ min-width:64px !important; margin-right:4px !important; white-space:nowrap !important; word-break:keep-all !important; overflow-wrap:normal !important; } } /* ARBOR_COOPERATE_CONNECT_LABEL_NOWRAP_V1_END */ /* ARBOR_COOPERATE_MODE_CARDS_REFINE_V2_BEGIN */ /* Refine the 4 cards under “选择合作方式”, preserve 2-column layout, hide some grey kickers. */ #modes-section .mode-grid{ display:grid !important; grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:14px !important; align-items:stretch !important; width:100% !important; max-width:100% !important; margin:0 !important; } #modes-section .mode-card{ position:relative !important; display:grid !important; grid-template-rows:auto 1fr auto !important; align-content:start !important; width:100% !important; min-width:0 !important; min-height:208px !important; padding:22px 20px 16px !important; gap:12px !important; border-radius:26px !important; border:1px solid var(--line-light) !important; background:var(--ios-card) !important; box-shadow:0 2px 12px rgba(0,0,0,.022) !important; overflow:hidden !important; } html[data-theme="dark"] #modes-section .mode-card{ box-shadow:0 10px 28px rgba(0,0,0,.18) !important; } #modes-section .mode-card > div:first-child{ width:100% !important; min-width:0 !important; } #modes-section .mode-card h3{ width:100% !important; margin:0 0 10px !important; text-align:left !important; font-size:18px !important; line-height:1.28 !important; font-weight:820 !important; letter-spacing:-.24px !important; color:var(--text-main) !important; } #modes-section .mode-card p{ width:100% !important; margin:0 !important; text-align:left !important; font-size:14px !important; line-height:1.72 !important; color:var(--text-sub) !important; white-space:normal !important; overflow-wrap:anywhere !important; word-break:break-word !important; } #modes-section .mode-link{ width:100% !important; min-height:42px !important; margin-top:0 !important; padding-top:14px !important; border-top:.5px solid var(--separator) !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; font-size:13px !important; line-height:1.2 !important; font-weight:780 !important; color:var(--apple-blue) !important; white-space:nowrap !important; } #modes-section .mode-card:active{ transform:scale(.985) !important; } #arbor-connect-section .section-kicker, #cooperate-confirm-section .section-kicker, #cooperate-more-section .section-kicker{ display:none !important; } #arbor-connect-section .section-title-row, #cooperate-confirm-section .section-title-row, #cooperate-more-section .section-title-row{ justify-content:flex-start !important; } @media (max-width:420px){ #modes-section .mode-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:12px !important; } #modes-section .mode-card{ min-height:196px !important; padding:18px 16px 14px !important; border-radius:24px !important; } #modes-section .mode-card h3{ font-size:17px !important; margin-bottom:8px !important; } #modes-section .mode-card p{ font-size:13px !important; line-height:1.64 !important; } #modes-section .mode-link{ min-height:38px !important; padding-top:12px !important; font-size:12.5px !important; } } /* ARBOR_COOPERATE_MODE_CARDS_REFINE_V2_END */ /* ARBOR_COOPERATE_MODE_CARDS_BUTTON_REFINE_V3_BEGIN */ #modes-section .section-title-row, #arbor-connect-section .section-title-row, #cooperate-confirm-section .section-title-row, #cooperate-more-section .section-title-row{ justify-content:flex-start !important; } #modes-section .section-kicker, #arbor-connect-section .section-kicker, #cooperate-confirm-section .section-kicker, #cooperate-more-section .section-kicker{ display:none !important; } #modes-section .mode-grid{ display:grid !important; grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:14px !important; align-items:stretch !important; } #modes-section .mode-card{ position:relative !important; width:100% !important; min-width:0 !important; min-height:228px !important; padding:20px 18px 18px !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important; text-align:left !important; border-radius:24px !important; border:1px solid var(--line-light) !important; background:var(--ios-card) !important; box-shadow:0 2px 12px rgba(0,0,0,.022) !important; overflow:hidden !important; } html[data-theme="dark"] #modes-section .mode-card{ box-shadow:0 10px 28px rgba(0,0,0,.18) !important; } #modes-section .mode-card > div:first-child{ width:100% !important; min-width:0 !important; display:flex !important; flex-direction:column !important; flex:1 1 auto !important; } #modes-section .mode-card h3{ margin:0 0 10px !important; font-size:18px !important; line-height:1.28 !important; font-weight:800 !important; letter-spacing:-.22px !important; color:var(--text-main) !important; } #modes-section .mode-card p{ margin:0 !important; font-size:13px !important; line-height:1.62 !important; color:var(--text-sub) !important; display:-webkit-box !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:5 !important; overflow:hidden !important; word-break:break-word !important; } #modes-section .mode-link{ margin-top:16px !important; min-width:112px !important; width:auto !important; height:40px !important; padding:0 16px !important; border:none !important; border-top:none !important; border-radius:999px !important; background:var(--apple-blue) !important; color:#fff !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; font-size:13px !important; line-height:1 !important; font-weight:760 !important; white-space:nowrap !important; box-shadow:0 8px 20px rgba(0,122,255,.18) !important; } html[data-theme="dark"] #modes-section .mode-link{ box-shadow:0 10px 24px rgba(10,132,255,.22) !important; } #modes-section .mode-card:active{ transform:scale(.985) !important; } @media (max-width:420px){ #modes-section .mode-grid{ gap:12px !important; } #modes-section .mode-card{ min-height:216px !important; padding:18px 16px 16px !important; border-radius:22px !important; } #modes-section .mode-card h3{ font-size:17px !important; margin-bottom:8px !important; } #modes-section .mode-card p{ font-size:12.5px !important; line-height:1.58 !important; -webkit-line-clamp:5 !important; } #modes-section .mode-link{ min-width:104px !important; height:38px !important; padding:0 14px !important; font-size:12.5px !important; } } /* ARBOR_COOPERATE_MODE_CARDS_BUTTON_REFINE_V3_END */ /* ARBOR_COOPERATE_MODE_CARDS_COMPACT_BUTTON_V4_BEGIN */ /* Compact, aligned 2-column cards under “选择合作方式”; action uses scaled blue button language. */ #modes-section{ width:var(--arbor-edge-width, calc(100% - 32px)) !important; max-width:var(--arbor-edge-card-max, 600px) !important; margin-left:auto !important; margin-right:auto !important; padding-left:0 !important; padding-right:0 !important; box-sizing:border-box !important; } #modes-section .section-title-row{ justify-content:flex-start !important; margin-left:0 !important; margin-right:0 !important; } #modes-section .section-kicker, #arbor-connect-section .section-kicker, #cooperate-confirm-section .section-kicker, #cooperate-more-section .section-kicker{ display:none !important; } #modes-section .mode-grid{ width:100% !important; max-width:100% !important; margin:0 !important; display:grid !important; grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:12px !important; align-items:stretch !important; } #modes-section .mode-card{ width:100% !important; min-width:0 !important; min-height:186px !important; padding:17px 15px 15px !important; border-radius:22px !important; border:1px solid var(--line-light) !important; background:var(--ios-card) !important; box-shadow:0 2px 12px rgba(0,0,0,.022) !important; display:flex !important; flex-direction:column !important; align-items:stretch !important; justify-content:flex-start !important; text-align:left !important; gap:0 !important; overflow:hidden !important; } html[data-theme="dark"] #modes-section .mode-card{ box-shadow:0 10px 28px rgba(0,0,0,.18) !important; } #modes-section .mode-card > div:first-child{ width:100% !important; min-width:0 !important; flex:1 1 auto !important; } #modes-section .mode-card h3{ margin:0 0 8px !important; font-size:16.5px !important; line-height:1.28 !important; font-weight:800 !important; letter-spacing:-.22px !important; color:var(--text-main) !important; } #modes-section .mode-card p{ margin:0 !important; font-size:12.5px !important; line-height:1.55 !important; color:var(--text-sub) !important; display:-webkit-box !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:4 !important; overflow:hidden !important; word-break:break-word !important; overflow-wrap:anywhere !important; } #modes-section .mode-link{ width:100% !important; height:36px !important; min-height:36px !important; margin-top:12px !important; padding:0 10px !important; border:0 !important; border-top:0 !important; border-radius:14px !important; background:var(--apple-blue) !important; color:#fff !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:12.5px !important; line-height:1 !important; font-weight:760 !important; letter-spacing:-.05px !important; white-space:nowrap !important; box-shadow:none !important; } #modes-section .mode-card:active{ transform:scale(.985) !important; } @media (max-width:420px){ #modes-section .mode-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:12px !important; } #modes-section .mode-card{ min-height:178px !important; padding:16px 14px 14px !important; border-radius:21px !important; } #modes-section .mode-card h3{ font-size:16px !important; margin-bottom:7px !important; } #modes-section .mode-card p{ font-size:12px !important; line-height:1.5 !important; -webkit-line-clamp:4 !important; } #modes-section .mode-link{ height:34px !important; min-height:34px !important; margin-top:10px !important; border-radius:13px !important; font-size:12px !important; } } /* ARBOR_COOPERATE_MODE_CARDS_COMPACT_BUTTON_V4_END */ /* ARBOR_FRONTEND_FAQ_SUBSCRIPTION_UNIFY_V2_CSS_BEGIN */ /* 基础：只作用于前台 HTML，保持现有业务结构，不改接口、不改商品 code、不改价格 */ :root{ --arbor-v2-card-radius:24px; --arbor-v2-inner-radius:18px; --arbor-v2-side:16px; --arbor-v2-title:15px; --arbor-v2-body:13px; } body{ font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","PingFang SC","Helvetica Neue",Arial,sans-serif !important; color:var(--text-main) !important; background:var(--ios-bg) !important; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } /* 卡片、文字、留白：做最后收口层，避免页面之间粗细和留白漂移 */ :where(.card,.summary-card,.hero-card,.intro-card,.form-card,.account-card,.security-card,.asset-card,.list-card,.list-group,.empty-card,.empty-state,.notice-card,.plain-card,.cta-card,.faq-card,.info-card,.textarea-card,.rule-card,.compare-card,.record-list,.sheet-group,.sheet-text-card,.service-card,.save-card,.detail-card,.subscription-card){ background:var(--ios-card) !important; border:1px solid var(--line-light) !important; border-radius:var(--arbor-v2-card-radius) !important; box-shadow:0 2px 12px rgba(0,0,0,.022) !important; } html[data-theme="dark"] :where(.card,.summary-card,.hero-card,.intro-card,.form-card,.account-card,.security-card,.asset-card,.list-card,.list-group,.empty-card,.empty-state,.notice-card,.plain-card,.cta-card,.faq-card,.info-card,.textarea-card,.rule-card,.compare-card,.record-list,.sheet-group,.sheet-text-card,.service-card,.save-card,.detail-card,.subscription-card){ box-shadow:0 10px 28px rgba(0,0,0,.18) !important; } :where(.section-title,.card-title,.group-title,.list-title,.coupon-name,.security-title,.linked-title,.active-title,.service-title,.fold-title,.compare-title,.rule-title){ font-size:15px !important; line-height:1.36 !important; font-weight:740 !important; letter-spacing:-.14px !important; color:var(--text-main) !important; } :where(.card-desc,.list-desc,.coupon-meta,.security-desc,.linked-summary,.active-summary,.sheet-sub,.summary-desc,.hero-desc,.account-note,.password-note,.compare-desc,.rule-item,.details-content,.fold-summary,.fold-sub){ font-size:13px !important; line-height:1.58 !important; font-weight:400 !important; color:var(--text-sub) !important; } /* 统一折叠：凡是 FAQ / fold / details 都尽量按 faq.html 的结构和手感显示 */ :where(.faq-card){ padding:0 18px !important; overflow:hidden !important; } :where(.faq-item,.fold-item,details){ border-bottom:.5px solid var(--separator) !important; background:transparent !important; box-shadow:none !important; } :where(.faq-item:last-child,.fold-item:last-child,details:last-child,details:last-of-type){ border-bottom:none !important; } :where(.faq-question,.fold-head,summary){ width:100% !important; min-height:0 !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; padding:18px 0 !important; margin:0 !important; list-style:none !important; text-align:left !important; cursor:pointer !important; color:var(--text-main) !important; font-size:15px !important; line-height:1.4 !important; font-weight:700 !important; letter-spacing:-.12px !important; background:transparent !important; border:none !important; } summary::-webkit-details-marker{display:none !important;} :where(.faq-question > span,.fold-head > div,.fold-title,summary > span){ min-width:0 !important; } :where(.faq-icon,.faq-question svg){ width:18px !important; height:18px !important; color:var(--text-sub) !important; flex-shrink:0 !important; transition:transform .2s ease,color .2s ease !important; } :where(.faq-item.active,.faq-item.open) :where(.faq-icon,.faq-question svg){ transform:rotate(180deg) !important; color:var(--apple-blue) !important; } :where(.faq-item.active,.faq-item.open) .faq-question{ color:var(--apple-blue) !important; } :where(.faq-answer,.fold-body,.details-content){ font-size:13px !important; color:var(--text-sub) !important; line-height:1.62 !important; } :where(.faq-answer){ display:block !important; max-height:0 !important; overflow:hidden !important; opacity:0 !important; padding:0 !important; transition:max-height .28s ease,padding .28s ease,opacity .28s ease !important; } :where(.faq-item.active,.faq-item.open) .faq-answer{ max-height:520px !important; padding:0 0 18px !important; opacity:1 !important; } :where(.fold-card){ overflow:hidden !important; } :where(.fold-card .fold-head){ padding:18px !important; } :where(.fold-card .fold-body){ display:none !important; padding:0 18px 18px !important; border-top:0 !important; margin-top:0 !important; } :where(.fold-card.open .fold-body,.fold-item.open > .fold-body){ display:block !important; } :where(.fold-toggle){ color:var(--text-sub) !important; font-size:0 !important; width:18px !important; height:18px !important; flex-shrink:0 !important; position:relative !important; } :where(.fold-toggle)::after{ content:"⌄" !important; font-size:18px !important; line-height:18px !important; color:var(--text-sub) !important; display:block !important; transition:transform .2s ease,color .2s ease !important; } :where(.fold-card.open,.fold-item.open) :where(.fold-toggle)::after{ transform:rotate(180deg) !important; color:var(--apple-blue) !important; } :where(details){ padding:0 18px !important; } :where(details > summary)::after{ content:"⌄" !important; width:18px !important; height:18px !important; line-height:18px !important; text-align:center !important; color:var(--text-sub) !important; font-size:18px !important; font-weight:500 !important; flex-shrink:0 !important; transition:transform .2s ease,color .2s ease !important; } :where(details[open] > summary){ color:var(--apple-blue) !important; } :where(details[open] > summary)::after{ transform:rotate(180deg) !important; color:var(--apple-blue) !important; } :where(details > .details-content){ padding:0 0 18px !important; } /* shop 等局部“展开详情”按钮也降成 FAQ 手感，不再像外来胶囊按钮 */ :where(.detail-toggle,.guide-toggle){ width:100% !important; min-height:0 !important; padding:16px 18px !important; border:1px solid var(--line-light) !important; border-radius:var(--arbor-v2-inner-radius) !important; background:var(--ios-card) !important; color:var(--text-main) !important; font-size:15px !important; line-height:1.35 !important; font-weight:700 !important; box-shadow:none !important; } :where(.detail-toggle span:last-child,.guide-toggle span:last-child){ color:var(--text-sub) !important; font-size:13px !important; font-weight:650 !important; } /* subscription.html 定点修正：取消突兀圆圈/胶囊感，回到全站白卡 + 普通文字层级 */ .subscription-p3-visual-v3 .hero-label, .subscription-p3-visual-v3 .card-kicker, .subscription-p3-visual-v3 .sub-kicker{ display:block !important; min-height:0 !important; height:auto !important; padding:0 !important; margin:0 0 9px !important; border:0 !important; border-radius:0 !important; background:transparent !important; color:var(--apple-blue) !important; font-size:12px !important; line-height:1.25 !important; font-weight:720 !important; letter-spacing:0 !important; } .subscription-p3-visual-v3 .hero-status, .subscription-p3-visual-v3 .status-badge, .subscription-p3-visual-v3 .sub-status, .subscription-p3-visual-v3 .pill, .subscription-p3-visual-v3 .badge{ height:auto !important; min-height:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; color:var(--text-sub) !important; font-size:12px !important; line-height:1.35 !important; font-weight:680 !important; white-space:normal !important; } .subscription-p3-visual-v3 .hero-status.active, .subscription-p3-visual-v3 .status-badge.green, .subscription-p3-visual-v3 .sub-status.green, .subscription-p3-visual-v3 .pill.green, .subscription-p3-visual-v3 .badge.green{ background:transparent !important; color:var(--apple-green) !important; } .subscription-p3-visual-v3 .hero-title, .subscription-p3-visual-v3 .main-title, .subscription-p3-visual-v3 .subscription-title{ font-size:26px !important; line-height:1.14 !important; font-weight:800 !important; letter-spacing:-.68px !important; color:var(--text-main) !important; } .subscription-p3-visual-v3 .hero-card{ padding:22px 20px 18px !important; background:var(--ios-card) !important; background-image:none !important; } .subscription-p3-visual-v3 .price-card{ border-radius:18px !important; background:var(--soft-card) !important; border:1px solid var(--line-light) !important; box-shadow:none !important; } .subscription-p3-visual-v3 .btn-primary, .subscription-p3-visual-v3 .primary-btn, .subscription-p3-visual-v3 .main-btn, .subscription-p3-visual-v3 button.primary{ border-radius:15px !important; min-height:44px !important; height:44px !important; padding:0 18px !important; background:var(--apple-blue) !important; border:1px solid var(--apple-blue) !important; color:#fff !important; font-size:14px !important; font-weight:720 !important; box-shadow:none !important; } .subscription-p3-visual-v3 .right-mini, .subscription-p3-visual-v3 .benefit-card, .subscription-p3-visual-v3 .compare-box{ border-radius:18px !important; background:var(--soft-card) !important; background-image:none !important; border:1px solid var(--line-light) !important; box-shadow:none !important; } .subscription-p3-visual-v3 .right-number, .subscription-p3-visual-v3 .right-number.blue, .subscription-p3-visual-v3 .right-number.green, .subscription-p3-visual-v3 .metric-number, .subscription-p3-visual-v3 .count-number{ color:var(--text-main) !important; font-size:19px !important; line-height:1.12 !important; font-weight:800 !important; letter-spacing:-.28px !important; } .subscription-p3-visual-v3 .list-side, .subscription-p3-visual-v3 .list-side.green, .subscription-p3-visual-v3 .list-side.blue, .subscription-p3-visual-v3 .list-side.link, .subscription-p3-visual-v3 .guide-result, .subscription-p3-visual-v3 .guide-tag{ border:0 !important; border-radius:0 !important; background:transparent !important; color:var(--apple-blue) !important; font-size:12px !important; font-weight:720 !important; box-shadow:none !important; padding-top:1px !important; } .subscription-p3-visual-v3 .list-card, .subscription-p3-visual-v3 .compare-card, .subscription-p3-visual-v3 .rule-card, .subscription-p3-visual-v3 .record-list{ border-radius:24px !important; background:var(--ios-card) !important; background-image:none !important; } .subscription-p3-visual-v3 .section-title{ font-size:17px !important; line-height:1.28 !important; font-weight:760 !important; letter-spacing:-.22px !important; } @media (max-width:390px){ .subscription-p3-visual-v3 .hero-title, .subscription-p3-visual-v3 .main-title, .subscription-p3-visual-v3 .subscription-title{ font-size:25px !important; } } @media (max-width:360px){ .subscription-p3-visual-v3 .price-card{ grid-template-columns:1fr !important; } .subscription-p3-visual-v3 .btn-primary{ width:100% !important; } } /* ARBOR_FRONTEND_FAQ_SUBSCRIPTION_UNIFY_V2_CSS_END */ /* ARBOR_FRONTEND_FAQ_ARROW_UNIFY_V3_CSS_BEGIN */ /* * Purpose: after v2 unified accordion cards, force every accordion arrow to the same FAQ-style chevron. * Scope: front HTML only. No business logic, no api.js, no admin page mutation. */ body :where(.faq-question,.fold-head,details > summary){ position:relative !important; } /* Hide mixed historical arrow implementations: inline svg, text glyphs, fold-toggle spans. */ body :where(.faq-icon,.faq-arrow,.accordion-arrow,.collapse-arrow,.toggle-arrow,.question-arrow,.fold-toggle), body :where(.faq-question,.fold-head,details > summary) > svg:last-child{ display:none !important; visibility:hidden !important; width:0 !important; height:0 !important; min-width:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; pointer-events:none !important; } /* Replace all arrows with one CSS-drawn chevron, matching faq.html size and motion. */ body :where(.faq-question,.fold-head,details > summary)::after{ content:"" !important; display:block !important; width:8px !important; height:8px !important; min-width:8px !important; flex:0 0 8px !important; margin-left:auto !important; border:0 !important; border-right:1.8px solid var(--text-sub) !important; border-bottom:1.8px solid var(--text-sub) !important; border-radius:1px !important; background:transparent !important; box-shadow:none !important; transform:rotate(45deg) !important; transform-origin:50% 50% !important; transition:transform .2s ease,border-color .2s ease !important; } body :where(.faq-item.active,.faq-item.open) > .faq-question, body :where(.fold-card.open,.fold-item.open) > .fold-head, body details[open] > summary{ color:var(--apple-blue) !important; } body :where(.faq-item.active,.faq-item.open) > .faq-question::after, body :where(.fold-card.open,.fold-item.open) > .fold-head::after, body details[open] > summary::after{ border-right-color:var(--apple-blue) !important; border-bottom-color:var(--apple-blue) !important; transform:rotate(225deg) !important; } /* Keep spacing stable when a summary contains plain text instead of a span. */ body :where(.faq-question,.fold-head,details > summary){ padding-right:2px !important; } /* ARBOR_FRONTEND_FAQ_ARROW_UNIFY_V3_CSS_END */ /* ARBOR_COOPERATE_UI_POLISH_V1_1_START */ /* Authorized scope: cooperate.html visual polish for cooperation cards, mechanism, confirmation, and contact modules only. */ .arbor-cooperate-polish-v1{ margin-top:22px; } .cooperate-polish-title-v1{ margin-bottom:14px; letter-spacing:-.04em; } .cooperate-options-grid-polish-v1{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .cooperate-option-card-polish-v1{ min-height:236px; padding:24px 24px 22px !important; display:flex !important; flex-direction:column !important; justify-content:space-between !important; align-items:stretch !important; gap:18px !important; text-align:left !important; } .cooperate-option-body-polish-v1{ min-width:0; } .cooperate-option-body-polish-v1 h3{ margin:0 0 14px; color:var(--text-primary, #f8fafc); font-size:19px; line-height:1.25; font-weight:820; letter-spacing:-.04em; } .cooperate-option-body-polish-v1 p{ margin:0; color:var(--text-secondary, rgba(248,250,252,.62)); font-size:14px; line-height:1.72; font-weight:520; } .cooperate-option-action-polish-v1{ margin-top:auto !important; min-height:52px !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:15px !important; font-size:15px !important; font-weight:760 !important; line-height:1 !important; text-decoration:none !important; } .cooperate-mechanism-card-polish-v1{ padding:24px 26px !important; } .cooperate-mechanism-lead-polish-v1{ margin:0 0 18px; color:var(--text-secondary, rgba(248,250,252,.66)); font-size:15px; line-height:1.78; font-weight:520; } .cooperate-mechanism-list-polish-v1{ display:grid; gap:0; border-top:1px solid var(--hairline, rgba(255,255,255,.08)); } .cooperate-mechanism-row-polish-v1{ display:grid; grid-template-columns:118px minmax(0,1fr); gap:18px; align-items:flex-start; padding:17px 0; border-bottom:1px solid var(--hairline, rgba(255,255,255,.08)); } .cooperate-mechanism-row-polish-v1 strong{ color:var(--text-primary, #f8fafc); font-size:15px; line-height:1.55; font-weight:780; } .cooperate-mechanism-row-polish-v1 span{ color:var(--text-secondary, rgba(248,250,252,.66)); font-size:14px; line-height:1.72; font-weight:520; } .cooperate-confirm-grid-polish-v1{ display:grid; grid-template-columns:1fr; gap:14px; } .cooperate-confirm-card-polish-v1{ padding:24px 26px !important; } .cooperate-confirm-card-polish-v1 h3{ margin:0 0 14px; color:var(--text-primary, #f8fafc); font-size:17px; line-height:1.35; font-weight:820; letter-spacing:-.03em; } .cooperate-confirm-card-polish-v1 ul{ margin:0; padding:0; list-style:none; } .cooperate-confirm-card-polish-v1 li{ position:relative; margin:0; padding:14px 0 14px 16px; border-top:1px solid var(--hairline, rgba(255,255,255,.08)); color:var(--text-secondary, rgba(248,250,252,.68)); font-size:14px; line-height:1.72; font-weight:520; } .cooperate-confirm-card-polish-v1 li:first-child{ border-top:0; padding-top:0; } .cooperate-confirm-card-polish-v1 li::before{ content:""; position:absolute; left:0; top:24px; width:4px; height:4px; border-radius:50%; background:var(--accent, #168cff); } .cooperate-confirm-card-polish-v1 li:first-child::before{ top:10px; } .cooperate-contact-card-polish-v1{ padding:28px 28px 30px !important; text-align:left; } .cooperate-contact-card-polish-v1 h2{ margin:0 0 14px; color:var(--text-primary, #f8fafc); font-size:22px; line-height:1.32; font-weight:840; letter-spacing:-.05em; text-align:center; } .cooperate-contact-copy-polish-v1{ max-width:520px; margin:0 auto; } .cooperate-contact-copy-polish-v1 p{ margin:0; color:var(--text-secondary, rgba(248,250,252,.66)); font-size:14px; line-height:1.78; font-weight:520; text-align:center; } .cooperate-contact-copy-polish-v1 p + p{ margin-top:8px; } .cooperate-contact-rows-polish-v1{ max-width:420px; margin:22px auto 0; display:grid; gap:10px; } .cooperate-contact-rows-polish-v1 button{ display:flex; align-items:center; justify-content:space-between; gap:18px; width:100%; min-height:46px; padding:0 16px; border:1px solid var(--hairline, rgba(255,255,255,.08)); border-radius:14px; background:rgba(255,255,255,.035); color:inherit; font:inherit; text-align:left; cursor:pointer; } .cooperate-contact-rows-polish-v1 span{ color:var(--text-muted, rgba(248,250,252,.48)); font-size:13px; font-weight:650; } .cooperate-contact-rows-polish-v1 strong{ color:var(--text-primary, #f8fafc); font-size:14px; font-weight:760; letter-spacing:.01em; } @media(max-width:560px){ .cooperate-options-grid-polish-v1{ gap:12px; } .cooperate-option-card-polish-v1{ min-height:232px; padding:20px 20px 18px !important; } .cooperate-option-body-polish-v1 h3{ font-size:17px; margin-bottom:12px; } .cooperate-option-body-polish-v1 p{ font-size:13px; line-height:1.68; } .cooperate-option-action-polish-v1{ min-height:48px !important; font-size:14px !important; } .cooperate-mechanism-card-polish-v1, .cooperate-confirm-card-polish-v1, .cooperate-contact-card-polish-v1{ padding:22px 22px !important; } .cooperate-mechanism-row-polish-v1{ grid-template-columns:92px minmax(0,1fr); gap:12px; padding:15px 0; } .cooperate-contact-rows-polish-v1 button{ min-height:44px; } } /* ARBOR_COOPERATE_UI_POLISH_V1_1_END */ /* ARBOR_COOPERATE_CONFIRM_COMPACT_V1_START */ /* Authorized scope: Compact cooperate.html "合作前先确认" module only. */ .cooperate-confirm-compact-v1{ margin-top:22px; } .cooperate-confirm-compact-card-v1{ padding:24px 26px !important; } .cooperate-confirm-compact-group-v1{ min-width:0; } .cooperate-confirm-compact-group-v1 h3{ margin:0 0 12px; color:var(--text-primary, #f8fafc); font-size:17px; line-height:1.35; font-weight:820; letter-spacing:-.03em; } .cooperate-confirm-compact-lines-v1{ display:grid; gap:9px; } .cooperate-confirm-compact-lines-v1 p{ margin:0; color:var(--text-secondary, rgba(248,250,252,.68)); font-size:14px; line-height:1.72; font-weight:520; } .cooperate-confirm-compact-divider-v1{ height:1px; margin:20px 0; background:var(--hairline, rgba(255,255,255,.08)); } .cooperate-confirm-compact-v1 .cooperate-confirm-card-polish-v1, .cooperate-confirm-compact-v1 ul, .cooperate-confirm-compact-v1 li{ all:unset; } .cooperate-confirm-compact-v1 li::before{ content:none !important; } @media(max-width:560px){ .cooperate-confirm-compact-card-v1{ padding:22px 22px !important; } .cooperate-confirm-compact-lines-v1{ gap:8px; } .cooperate-confirm-compact-divider-v1{ margin:18px 0; } } /* ARBOR_COOPERATE_CONFIRM_COMPACT_V1_END */ /* ARBOR_COOPERATE_LIGHT_THEME_CONTRAST_V1_START */ /* Authorized scope: Fix cooperate.html light theme contrast only. Dark theme declarations are intentionally not changed. */ @media (prefers-color-scheme: light){ body .arbor-cooperate-polish-v1 .card, body .cooperate-mechanism-card-polish-v1, body .cooperate-confirm-compact-card-v1, body .cooperate-contact-card-polish-v1, body .faq-card, body .faq-list, body .accordion-card, body .cooperate-options-grid-polish-v1 .card{ background:rgba(255,255,255,.94) !important; border-color:rgba(15,23,42,.08) !important; box-shadow:0 16px 42px rgba(15,23,42,.08) !important; } body .arbor-cooperate-polish-v1, body .arbor-cooperate-polish-v1 .section-title, body .cooperate-polish-title-v1, body .cooperate-option-body-polish-v1 h3, body .cooperate-mechanism-row-polish-v1 strong, body .cooperate-confirm-compact-group-v1 h3, body .cooperate-contact-card-polish-v1 h2, body .faq-card h3, body .faq-list h3, body .accordion-card h3, body .faq-title, body .faq-question, body .faq-item button{ color:#111827 !important; } body .cooperate-option-body-polish-v1 p, body .cooperate-mechanism-lead-polish-v1, body .cooperate-mechanism-row-polish-v1 span, body .cooperate-confirm-compact-lines-v1 p, body .cooperate-contact-copy-polish-v1 p, body .faq-card p, body .faq-list p, body .accordion-card p, body .faq-answer, body .faq-desc{ color:#4b5563 !important; } body .cooperate-contact-rows-polish-v1 button{ background:#f8fafc !important; border-color:rgba(15,23,42,.10) !important; box-shadow:none !important; } body .cooperate-contact-rows-polish-v1 span{ color:#6b7280 !important; } body .cooperate-contact-rows-polish-v1 strong{ color:#111827 !important; } body .cooperate-mechanism-list-polish-v1, body .cooperate-mechanism-row-polish-v1, body .cooperate-confirm-compact-divider-v1, body .faq-list > *, body .accordion-card > *, body .faq-item{ border-color:rgba(15,23,42,.08) !important; } } html[data-theme="light"] body .arbor-cooperate-polish-v1 .card, body.light .arbor-cooperate-polish-v1 .card, body.theme-light .arbor-cooperate-polish-v1 .card, html.light body .arbor-cooperate-polish-v1 .card, html[data-theme="light"] body .cooperate-mechanism-card-polish-v1, body.light .cooperate-mechanism-card-polish-v1, body.theme-light .cooperate-mechanism-card-polish-v1, html.light body .cooperate-mechanism-card-polish-v1, html[data-theme="light"] body .cooperate-confirm-compact-card-v1, body.light .cooperate-confirm-compact-card-v1, body.theme-light .cooperate-confirm-compact-card-v1, html.light body .cooperate-confirm-compact-card-v1, html[data-theme="light"] body .cooperate-contact-card-polish-v1, body.light .cooperate-contact-card-polish-v1, body.theme-light .cooperate-contact-card-polish-v1, html.light body .cooperate-contact-card-polish-v1{ background:rgba(255,255,255,.94) !important; border-color:rgba(15,23,42,.08) !important; box-shadow:0 16px 42px rgba(15,23,42,.08) !important; } html[data-theme="light"] body .arbor-cooperate-polish-v1, body.light .arbor-cooperate-polish-v1, body.theme-light .arbor-cooperate-polish-v1, html.light body .arbor-cooperate-polish-v1, html[data-theme="light"] body .arbor-cooperate-polish-v1 .section-title, body.light .arbor-cooperate-polish-v1 .section-title, body.theme-light .arbor-cooperate-polish-v1 .section-title, html.light body .arbor-cooperate-polish-v1 .section-title, html[data-theme="light"] body .cooperate-polish-title-v1, body.light .cooperate-polish-title-v1, body.theme-light .cooperate-polish-title-v1, html.light body .cooperate-polish-title-v1, html[data-theme="light"] body .cooperate-option-body-polish-v1 h3, body.light .cooperate-option-body-polish-v1 h3, body.theme-light .cooperate-option-body-polish-v1 h3, html.light body .cooperate-option-body-polish-v1 h3, html[data-theme="light"] body .cooperate-mechanism-row-polish-v1 strong, body.light .cooperate-mechanism-row-polish-v1 strong, body.theme-light .cooperate-mechanism-row-polish-v1 strong, html.light body .cooperate-mechanism-row-polish-v1 strong, html[data-theme="light"] body .cooperate-confirm-compact-group-v1 h3, body.light .cooperate-confirm-compact-group-v1 h3, body.theme-light .cooperate-confirm-compact-group-v1 h3, html.light body .cooperate-confirm-compact-group-v1 h3, html[data-theme="light"] body .cooperate-contact-card-polish-v1 h2, body.light .cooperate-contact-card-polish-v1 h2, body.theme-light .cooperate-contact-card-polish-v1 h2, html.light body .cooperate-contact-card-polish-v1 h2{ color:#111827 !important; } html[data-theme="light"] body .cooperate-option-body-polish-v1 p, body.light .cooperate-option-body-polish-v1 p, body.theme-light .cooperate-option-body-polish-v1 p, html.light body .cooperate-option-body-polish-v1 p, html[data-theme="light"] body .cooperate-mechanism-lead-polish-v1, body.light .cooperate-mechanism-lead-polish-v1, body.theme-light .cooperate-mechanism-lead-polish-v1, html.light body .cooperate-mechanism-lead-polish-v1, html[data-theme="light"] body .cooperate-mechanism-row-polish-v1 span, body.light .cooperate-mechanism-row-polish-v1 span, body.theme-light .cooperate-mechanism-row-polish-v1 span, html.light body .cooperate-mechanism-row-polish-v1 span, html[data-theme="light"] body .cooperate-confirm-compact-lines-v1 p, body.light .cooperate-confirm-compact-lines-v1 p, body.theme-light .cooperate-confirm-compact-lines-v1 p, html.light body .cooperate-confirm-compact-lines-v1 p, html[data-theme="light"] body .cooperate-contact-copy-polish-v1 p, body.light .cooperate-contact-copy-polish-v1 p, body.theme-light .cooperate-contact-copy-polish-v1 p, html.light body .cooperate-contact-copy-polish-v1 p{ color:#4b5563 !important; } html[data-theme="light"] body .cooperate-contact-rows-polish-v1 button, body.light .cooperate-contact-rows-polish-v1 button, body.theme-light .cooperate-contact-rows-polish-v1 button, html.light body .cooperate-contact-rows-polish-v1 button{ background:#f8fafc !important; border-color:rgba(15,23,42,.10) !important; box-shadow:none !important; } html[data-theme="light"] body .cooperate-contact-rows-polish-v1 span, body.light .cooperate-contact-rows-polish-v1 span, body.theme-light .cooperate-contact-rows-polish-v1 span, html.light body .cooperate-contact-rows-polish-v1 span{ color:#6b7280 !important; } html[data-theme="light"] body .cooperate-contact-rows-polish-v1 strong, body.light .cooperate-contact-rows-polish-v1 strong, body.theme-light .cooperate-contact-rows-polish-v1 strong, html.light body .cooperate-contact-rows-polish-v1 strong{ color:#111827 !important; } /* ARBOR_COOPERATE_LIGHT_THEME_CONTRAST_V1_END */ /* ARBOR_COOPERATE_VISUAL_TONE_SOFTEN_V1_START */ /* Authorized scope: Soften cooperate.html dark visual weight only. This block keeps current HTML structure/copy/actions unchanged. */ @media (prefers-color-scheme: dark){ body .arbor-cooperate-polish-v1 .section-title, body .cooperate-polish-title-v1, body .section-title{ color:rgba(248,250,252,.92) !important; font-weight:760 !important; letter-spacing:-.035em !important; } body .arbor-cooperate-polish-v1 .card, body .cooperate-option-card-polish-v1, body .cooperate-mechanism-card-polish-v1, body .cooperate-confirm-compact-card-v1, body .cooperate-contact-card-polish-v1, body .faq-card, body .faq-list, body .accordion-card{ background:linear-gradient(180deg, rgba(21,27,38,.82), rgba(18,23,32,.74)) !important; border-color:rgba(148,163,184,.10) !important; box-shadow:0 14px 34px rgba(0,0,0,.22) !important; } body .cooperate-option-body-polish-v1 h3, body .cooperate-mechanism-row-polish-v1 strong, body .cooperate-confirm-compact-group-v1 h3, body .cooperate-contact-card-polish-v1 h2, body .faq-card h3, body .faq-list h3, body .accordion-card h3, body .faq-title, body .faq-question, body .faq-item button{ color:rgba(248,250,252,.92) !important; font-weight:730 !important; } body .cooperate-option-body-polish-v1 p, body .cooperate-mechanism-lead-polish-v1, body .cooperate-mechanism-row-polish-v1 span, body .cooperate-confirm-compact-lines-v1 p, body .cooperate-contact-copy-polish-v1 p, body .faq-card p, body .faq-list p, body .accordion-card p, body .faq-answer, body .faq-desc{ color:rgba(203,213,225,.66) !important; font-weight:450 !important; } body .cooperate-mechanism-card-polish-v1, body .cooperate-confirm-compact-card-v1, body .cooperate-contact-card-polish-v1{ padding-top:22px !important; padding-bottom:22px !important; } body .cooperate-mechanism-list-polish-v1, body .cooperate-mechanism-row-polish-v1, body .cooperate-confirm-compact-divider-v1, body .faq-list > *, body .accordion-card > *, body .faq-item{ border-color:rgba(148,163,184,.085) !important; } body .cooperate-contact-card-polish-v1 h2{ font-size:21px !important; font-weight:760 !important; } body .cooperate-contact-copy-polish-v1 p{ color:rgba(203,213,225,.62) !important; font-weight:440 !important; } body .cooperate-contact-rows-polish-v1 button{ background:rgba(255,255,255,.035) !important; border-color:rgba(148,163,184,.10) !important; box-shadow:none !important; } body .cooperate-contact-rows-polish-v1 span{ color:rgba(203,213,225,.52) !important; font-weight:560 !important; } body .cooperate-contact-rows-polish-v1 strong{ color:rgba(248,250,252,.90) !important; font-weight:660 !important; } body .faq-item button, body .faq-question{ font-size:15px !important; font-weight:700 !important; } body .faq-item, body .faq-list > *, body .accordion-card > *{ min-height:auto !important; } body .cooperate-option-action-polish-v1{ box-shadow:0 10px 22px rgba(22,140,255,.16) !important; } } html[data-theme="dark"] body .arbor-cooperate-polish-v1 .section-title, body.dark .arbor-cooperate-polish-v1 .section-title, body.theme-dark .arbor-cooperate-polish-v1 .section-title, html.dark body .arbor-cooperate-polish-v1 .section-title, html[data-theme="dark"] body .cooperate-polish-title-v1, body.dark .cooperate-polish-title-v1, body.theme-dark .cooperate-polish-title-v1, html.dark body .cooperate-polish-title-v1{ color:rgba(248,250,252,.92) !important; font-weight:760 !important; letter-spacing:-.035em !important; } html[data-theme="dark"] body .arbor-cooperate-polish-v1 .card, body.dark .arbor-cooperate-polish-v1 .card, body.theme-dark .arbor-cooperate-polish-v1 .card, html.dark body .arbor-cooperate-polish-v1 .card, html[data-theme="dark"] body .cooperate-mechanism-card-polish-v1, body.dark .cooperate-mechanism-card-polish-v1, body.theme-dark .cooperate-mechanism-card-polish-v1, html.dark body .cooperate-mechanism-card-polish-v1, html[data-theme="dark"] body .cooperate-confirm-compact-card-v1, body.dark .cooperate-confirm-compact-card-v1, body.theme-dark .cooperate-confirm-compact-card-v1, html.dark body .cooperate-confirm-compact-card-v1, html[data-theme="dark"] body .cooperate-contact-card-polish-v1, body.dark .cooperate-contact-card-polish-v1, body.theme-dark .cooperate-contact-card-polish-v1, html.dark body .cooperate-contact-card-polish-v1{ background:linear-gradient(180deg, rgba(21,27,38,.82), rgba(18,23,32,.74)) !important; border-color:rgba(148,163,184,.10) !important; box-shadow:0 14px 34px rgba(0,0,0,.22) !important; } html[data-theme="dark"] body .cooperate-option-body-polish-v1 h3, body.dark .cooperate-option-body-polish-v1 h3, body.theme-dark .cooperate-option-body-polish-v1 h3, html.dark body .cooperate-option-body-polish-v1 h3, html[data-theme="dark"] body .cooperate-mechanism-row-polish-v1 strong, body.dark .cooperate-mechanism-row-polish-v1 strong, body.theme-dark .cooperate-mechanism-row-polish-v1 strong, html.dark body .cooperate-mechanism-row-polish-v1 strong, html[data-theme="dark"] body .cooperate-confirm-compact-group-v1 h3, body.dark .cooperate-confirm-compact-group-v1 h3, body.theme-dark .cooperate-confirm-compact-group-v1 h3, html.dark body .cooperate-confirm-compact-group-v1 h3, html[data-theme="dark"] body .cooperate-contact-card-polish-v1 h2, body.dark .cooperate-contact-card-polish-v1 h2, body.theme-dark .cooperate-contact-card-polish-v1 h2, html.dark body .cooperate-contact-card-polish-v1 h2{ color:rgba(248,250,252,.92) !important; font-weight:730 !important; } html[data-theme="dark"] body .cooperate-option-body-polish-v1 p, body.dark .cooperate-option-body-polish-v1 p, body.theme-dark .cooperate-option-body-polish-v1 p, html.dark body .cooperate-option-body-polish-v1 p, html[data-theme="dark"] body .cooperate-mechanism-lead-polish-v1, body.dark .cooperate-mechanism-lead-polish-v1, body.theme-dark .cooperate-mechanism-lead-polish-v1, html.dark body .cooperate-mechanism-lead-polish-v1, html[data-theme="dark"] body .cooperate-mechanism-row-polish-v1 span, body.dark .cooperate-mechanism-row-polish-v1 span, body.theme-dark .cooperate-mechanism-row-polish-v1 span, html.dark body .cooperate-mechanism-row-polish-v1 span, html[data-theme="dark"] body .cooperate-confirm-compact-lines-v1 p, body.dark .cooperate-confirm-compact-lines-v1 p, body.theme-dark .cooperate-confirm-compact-lines-v1 p, html.dark body .cooperate-confirm-compact-lines-v1 p, html[data-theme="dark"] body .cooperate-contact-copy-polish-v1 p, body.dark .cooperate-contact-copy-polish-v1 p, body.theme-dark .cooperate-contact-copy-polish-v1 p, html.dark body .cooperate-contact-copy-polish-v1 p{ color:rgba(203,213,225,.66) !important; font-weight:450 !important; } /* ARBOR_COOPERATE_VISUAL_TONE_SOFTEN_V1_END */ /* ARBOR_COOPERATE_LIGHT_THEME_TONE_V1_START */ /* Authorized scope: Improve cooperate.html light theme tone/layering only. Structure, copy, actions, and order are unchanged. */ @media (prefers-color-scheme: light){ body{ background:#f5f7fb !important; color:#111827 !important; } body .page, body .app, body .cooperate-page, body main{ background:transparent !important; } body .section-title, body .section-title-row .section-title, body .cooperate-polish-title-v1, body .arbor-cooperate-polish-v1 .section-title, body h2.section-title{ color:#111827 !important; font-weight:760 !important; letter-spacing:-.035em !important; } body .arbor-cooperate-polish-v1 .card, body .cooperate-option-card-polish-v1, body .cooperate-mechanism-card-polish-v1, body .cooperate-confirm-compact-card-v1, body .cooperate-contact-card-polish-v1, body .faq-card, body .faq-list, body .accordion-card, body .faq-section .card, body .faq-section, body .more-section .card{ background:rgba(255,255,255,.92) !important; border-color:rgba(15,23,42,.075) !important; box-shadow:0 12px 30px rgba(15,23,42,.055) !important; } body .cooperate-option-body-polish-v1 h3, body .cooperate-mechanism-row-polish-v1 strong, body .cooperate-confirm-compact-group-v1 h3, body .cooperate-contact-card-polish-v1 h2, body .faq-card h3, body .faq-list h3, body .accordion-card h3, body .faq-title, body .faq-question, body .faq-item button{ color:#111827 !important; font-weight:720 !important; } body .cooperate-option-body-polish-v1 p, body .cooperate-mechanism-lead-polish-v1, body .cooperate-mechanism-row-polish-v1 span, body .cooperate-confirm-compact-lines-v1 p, body .cooperate-contact-copy-polish-v1 p, body .faq-card p, body .faq-list p, body .accordion-card p, body .faq-answer, body .faq-desc{ color:#4b5563 !important; font-weight:450 !important; } body .cooperate-mechanism-list-polish-v1, body .cooperate-mechanism-row-polish-v1, body .cooperate-confirm-compact-divider-v1, body .faq-list > *, body .accordion-card > *, body .faq-item{ border-color:rgba(15,23,42,.065) !important; } body .faq-item button, body .faq-question{ font-size:15px !important; font-weight:700 !important; } body .cooperate-contact-card-polish-v1 h2{ color:#111827 !important; font-size:21px !important; font-weight:760 !important; } body .cooperate-contact-copy-polish-v1 p{ color:#4b5563 !important; font-weight:440 !important; } body .cooperate-contact-rows-polish-v1 button{ background:#f8fafc !important; border-color:rgba(15,23,42,.095) !important; box-shadow:none !important; } body .cooperate-contact-rows-polish-v1 span{ color:#64748b !important; font-weight:560 !important; } body .cooperate-contact-rows-polish-v1 strong{ color:#111827 !important; font-weight:660 !important; } } html[data-theme="light"] body, body.light, body.theme-light, html.light body{ background:#f5f7fb !important; color:#111827 !important; } html[data-theme="light"] body .section-title, body.light .section-title, body.theme-light .section-title, html.light body .section-title, html[data-theme="light"] body .section-title-row .section-title, body.light .section-title-row .section-title, body.theme-light .section-title-row .section-title, html.light body .section-title-row .section-title, html[data-theme="light"] body .cooperate-polish-title-v1, body.light .cooperate-polish-title-v1, body.theme-light .cooperate-polish-title-v1, html.light body .cooperate-polish-title-v1{ color:#111827 !important; font-weight:760 !important; letter-spacing:-.035em !important; } html[data-theme="light"] body .arbor-cooperate-polish-v1 .card, body.light .arbor-cooperate-polish-v1 .card, body.theme-light .arbor-cooperate-polish-v1 .card, html.light body .arbor-cooperate-polish-v1 .card, html[data-theme="light"] body .cooperate-option-card-polish-v1, body.light .cooperate-option-card-polish-v1, body.theme-light .cooperate-option-card-polish-v1, html.light body .cooperate-option-card-polish-v1, html[data-theme="light"] body .cooperate-mechanism-card-polish-v1, body.light .cooperate-mechanism-card-polish-v1, body.theme-light .cooperate-mechanism-card-polish-v1, html.light body .cooperate-mechanism-card-polish-v1, html[data-theme="light"] body .cooperate-confirm-compact-card-v1, body.light .cooperate-confirm-compact-card-v1, body.theme-light .cooperate-confirm-compact-card-v1, html.light body .cooperate-confirm-compact-card-v1, html[data-theme="light"] body .cooperate-contact-card-polish-v1, body.light .cooperate-contact-card-polish-v1, body.theme-light .cooperate-contact-card-polish-v1, html.light body .cooperate-contact-card-polish-v1, html[data-theme="light"] body .faq-card, body.light .faq-card, body.theme-light .faq-card, html.light body .faq-card, html[data-theme="light"] body .faq-list, body.light .faq-list, body.theme-light .faq-list, html.light body .faq-list, html[data-theme="light"] body .accordion-card, body.light .accordion-card, body.theme-light .accordion-card, html.light body .accordion-card{ background:rgba(255,255,255,.92) !important; border-color:rgba(15,23,42,.075) !important; box-shadow:0 12px 30px rgba(15,23,42,.055) !important; } html[data-theme="light"] body .faq-title, body.light .faq-title, body.theme-light .faq-title, html.light body .faq-title, html[data-theme="light"] body .faq-question, body.light .faq-question, body.theme-light .faq-question, html.light body .faq-question, html[data-theme="light"] body .faq-item button, body.light .faq-item button, body.theme-light .faq-item button, html.light body .faq-item button, html[data-theme="light"] body .cooperate-contact-card-polish-v1 h2, body.light .cooperate-contact-card-polish-v1 h2, body.theme-light .cooperate-contact-card-polish-v1 h2, html.light body .cooperate-contact-card-polish-v1 h2{ color:#111827 !important; font-weight:700 !important; } html[data-theme="light"] body .cooperate-contact-copy-polish-v1 p, body.light .cooperate-contact-copy-polish-v1 p, body.theme-light .cooperate-contact-copy-polish-v1 p, html.light body .cooperate-contact-copy-polish-v1 p, html[data-theme="light"] body .faq-answer, body.light .faq-answer, body.theme-light .faq-answer, html.light body .faq-answer, html[data-theme="light"] body .faq-desc, body.light .faq-desc, body.theme-light .faq-desc, html.light body .faq-desc{ color:#4b5563 !important; font-weight:450 !important; } html[data-theme="light"] body .cooperate-contact-rows-polish-v1 button, body.light .cooperate-contact-rows-polish-v1 button, body.theme-light .cooperate-contact-rows-polish-v1 button, html.light body .cooperate-contact-rows-polish-v1 button{ background:#f8fafc !important; border-color:rgba(15,23,42,.095) !important; box-shadow:none !important; } html[data-theme="light"] body .cooperate-contact-rows-polish-v1 span, body.light .cooperate-contact-rows-polish-v1 span, body.theme-light .cooperate-contact-rows-polish-v1 span, html.light body .cooperate-contact-rows-polish-v1 span{ color:#64748b !important; font-weight:560 !important; } html[data-theme="light"] body .cooperate-contact-rows-polish-v1 strong, body.light .cooperate-contact-rows-polish-v1 strong, body.theme-light .cooperate-contact-rows-polish-v1 strong, html.light body .cooperate-contact-rows-polish-v1 strong{ color:#111827 !important; font-weight:660 !important; } /* ARBOR_COOPERATE_LIGHT_THEME_TONE_V1_END */