/* PC adventure palette. Public pages and tools share readable controls. */
:root{--ro-ink:#273f50;--ro-blue:#24687a;--ro-line:#cfdddF;--ro-soft:#edf5f6;--ro-bg:#f4f7f5;--adv-gold:#ba8b40;--adv-paper:#fffdf8;--adv-mint:#e7f1e9;--adv-pink:#faeaf0;--adv-shadow:0 6px 20px #294e6110}
body{background:radial-gradient(ellipse at 5% 0,#e2f0f6 0,transparent 42%),radial-gradient(ellipse at 96% 10%,#f9efd8 0,transparent 34%),#f4f7f5;color:var(--ro-ink);font-family:"Microsoft JhengHei","Noto Sans TC",system-ui,sans-serif;font-weight:400;font-size:16px;line-height:1.65}
body :is(p,label,td,li,.form-text){font-family:inherit}
body :is(h1,h2,h3,h4,h5,h6){font-family:inherit;color:#243f50;letter-spacing:.025em}
body .header-area,body .header-area.background-header{background:#fffefbec;border-bottom:1px solid #d8e0d9;box-shadow:0 3px 14px #2b55660a}
body .header-area .main-nav .nav>li>a:not(.portal-wallet){background:transparent;color:#365568;font-size:14px!important;font-weight:600;border:1px solid transparent;border-radius:8px;padding:0 11px}
body .header-area .main-nav .nav>li.submenu>a{padding-right:27px}
body .header-area .main-nav .nav>li>a:hover,body .header-area .main-nav .nav>li>a[aria-current=page]{background:#e9f3f4;color:#1c6576;border-color:#c3dcdf}
body .header-area .main-nav .nav li.submenu ul{border:1px solid #d8e4e4;border-radius:10px;box-shadow:0 12px 28px #183f5420;overflow:hidden}
body .header-area .main-nav .nav li.submenu ul li a{font-size:14px!important;background:#fffefb;letter-spacing:0;line-height:42px;height:auto}
body .header-area .main-nav .nav li.submenu:focus-within ul{opacity:1;visibility:visible;transform:translateY(0)}
body .ro-site-content{max-width:1440px;padding-top:24px}
body .ro-site-content :is(.card,.modal-content),body .df-card{border-color:#cddde0;box-shadow:var(--adv-shadow)}
body .ro-site-content :is(.card-header,.modal-header){background:linear-gradient(100deg,#edf5f5,#fffaf0);border-color:#d4e2e2}
body .ro-site-content .btn-primary,body .ro-site-content .btn-info{background:#24687a!important;border-color:#24687a!important;box-shadow:0 2px 4px #16445812}
body .ro-site-content .btn-primary:hover,body .ro-site-content .btn-info:hover{background:#1d5666!important}
body .ro-site-content .btn-outline-danger{background:#fcf0f3;color:#a23f5b;border-color:#e7bac8}
body .ro-site-content :is(.form-control,select,input:not([type=checkbox]):not([type=radio])){border-color:#c6d9dd;box-shadow:inset 0 1px 2px #21445b04}
body .ro-site-content :is(.form-control,select):focus{border-color:#67a3af;box-shadow:0 0 0 3px #80b7bc25}
body .ro-site-content :is(.btn,button,a,select,input){transition:background-color .15s,border-color .15s,box-shadow .15s}
body .ro-site-content button:disabled{opacity:.65;cursor:not-allowed}
body .ro-site-content button[aria-busy=true]{cursor:wait}
body .ro-site-content .table thead th,body .ro-site-content .table .thead-dark th{background:#e9f1f2!important;border-color:#cedde0;color:#355767!important}
body .ro-site-content .table tbody td{border-color:#e0e8e9}
body .ro-site-content .table-hover tbody tr:hover{background:#f4faf7}
body .ro-site-content .page-link{border-color:#d2e1e2;color:#365b6e;background:#fffefb}
body .ro-site-content .page-item.active .page-link{background:#24687a;border-color:#24687a;box-shadow:0 2px 5px #24485b20}
body .ro-state{display:inline-block;border-radius:5px;padding:3px 8px;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.5}
.ro-state-ready{color:#2d674d;background:#e1f0e6}.ro-state-rented{color:#345f86;background:#e7eef9}.ro-state-pending{color:#80612f;background:#fcf1d6}.ro-state-muted{color:#63727b;background:#edf0f2}

/* An original composition using the site's existing mascot. */
body #ro-home{max-width:1240px}
body #ro-home .adventure-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:24px;align-items:center;position:relative;isolation:isolate;overflow:hidden;padding:30px 36px;border:1px solid #d2ddd8;border-radius:18px;background:linear-gradient(115deg,#fffdf6 0,#f6fbfa 58%,#e4f0ec 100%);box-shadow:var(--adv-shadow)}
body #ro-home .adventure-hero::before{content:"";position:absolute;pointer-events:none;z-index:-1;inset:12px;border:1px solid #c6b17642;border-radius:11px}
body #ro-home .adventure-kicker{display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.1em;color:#827044}
body #ro-home .adventure-kicker img{width:28px;height:25px;object-fit:contain}
body #ro-home .adventure-hero h1{font-family:"PMingLiU","Noto Serif TC",serif;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.45;margin:0 0 12px;color:#264c5c}
body #ro-home .adventure-intro{font-size:15px;color:#617884;line-height:1.8;margin:0 0 20px;max-width:480px}
body #ro-home .adventure-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
body #ro-home .adventure-actions .btn{min-height:40px;padding:8px 18px;font-size:15px!important}
body #ro-home .adventure-secondary{background:#fff7df;border:1px solid #dcca93;color:#6b5629}
body #ro-home .adventure-text-link{font-size:14px;white-space:nowrap;padding:8px 4px;text-decoration:underline;text-underline-offset:4px;color:#386b7f}
body #ro-home .adventure-steps{display:flex;flex-wrap:wrap;gap:8px 16px;margin:20px 0 0;padding:0;list-style:none}
body #ro-home .adventure-steps li{display:flex;align-items:center;gap:6px;font-size:12px;color:#6c7e86;list-style:none}
body #ro-home .adventure-steps b{display:inline-flex;justify-content:center;align-items:center;width:21px;height:21px;border:1px solid #ddcda5;border-radius:50%;font-size:11px;color:#8b6a36;background:#fffaf0}
body #ro-home .adventure-art{display:flex;align-items:center;justify-content:center;position:relative;min-width:0}
body #ro-home .adventure-art::before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,#fffdf5a8 0 60%,transparent 61%);border:1px solid #a8c6bd80;outline:1px solid #a8c6bd30;outline-offset:10px}
body #ro-home .adventure-art img{width:auto;max-width:100%;height:285px;object-fit:contain;position:relative;filter:drop-shadow(0 8px 5px #365d6517)}
body #ro-home .home-dashboard{gap:20px;margin-top:22px}
body #ro-home .home-top-pair,body #ro-home .home-bottom-pair{gap:20px}
body #ro-home .home-dashboard .card-header{min-height:0;padding:13px 18px;background:linear-gradient(110deg,#eef7f8,#fffbf0)}
body #ro-home .home-decor-title{font-size:20px;margin:0}
body #ro-home .home-mini-icon{width:27px;height:28px}
body #ro-home .home-top-pair .card-body{min-height:0;padding:12px 18px}
body #ro-home .home-top-pair .promo-card{padding:0;margin:0;background:transparent}
body #ro-home .home-top-pair .promo-card a{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #dbe6e6}
body #ro-home .promo-date{font-size:12px!important;color:#647d87;white-space:nowrap;min-width:0;text-align:left}
body #ro-home .promo-title{font-size:15px!important;line-height:1.6;color:#355767;font-weight:600;text-align:left;min-width:0;white-space:normal;overflow-wrap:anywhere;overflow:visible}
body #ro-home .home-top-pair #WishList>li{font-size:14px!important;font-weight:500;padding:12px 0!important;border-radius:0;line-height:1.6}
body #ro-home .home-panel-more{margin-top:12px;background:#f2f8f8!important;border:1px solid #c4dadd;color:#24687a!important;box-shadow:none}
body #ro-home .home-product{border:1px solid #d2e0df;border-radius:10px;background:#fffefb;overflow:hidden}
body #ro-home .home-help-link{background:linear-gradient(135deg,#fff7df,#f9f6ec);border-color:#e0d4b8}
body #ro-home .home-rental-links{border-color:#c6ddd5;background:#edf6f1}

body #ro-catalog{padding:12px 0 24px;background:transparent}
body #ro-catalog .equipment-entry{border-color:#d3e1df;box-shadow:0 2px 8px #24465b07}
body #ro-catalog .equipment-entry:hover{border-color:#8bb6b5;background:#fffdf7}
body #ro-catalog .catalog-filters{padding:16px 20px;border:1px solid #c4d9da;border-top:3px solid #6c9eaa;box-shadow:var(--adv-shadow)}
body #ro-catalog .filter-actions{margin-top:12px}
body #ro-catalog .catalog-button{border-radius:7px;font-size:14px;padding:8px 14px;letter-spacing:0}
body #ro-catalog .catalog-button-primary{background:#24687a;border-color:#24687a;color:white}
body #ro-catalog .catalog-price{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
body #ro-catalog .equipment-entry{min-height:84px;padding-top:14px;padding-bottom:14px}
body #ro-detail{background:transparent;padding:12px 0 28px}
body #ro-detail .detail-header{margin-bottom:16px;padding-bottom:16px}
body #ro-detail #StatusImg.statusimg{max-height:68px}
body #ro-detail :is(.gallery-panel,.information-panel){border-color:#d0dfdf;box-shadow:var(--adv-shadow);background:#fffefd}
body #ro-detail .price-plan{background:#fff8e8;border:1px solid #e8d6af;border-radius:9px;padding:12px 16px}
body #ro-detail .detail-section-title{font-size:16px;color:#4c6b75}
body #ro-upload{background:#f4f8f6;border-color:#cbded8}
body #ro-upload .equipment-block{background:#fffefd!important}
body #ro-upload label{font-weight:600!important}
body #ro-upload .upload-footer{gap:12px;background:#fffdf8;border-color:#d1ded8}
body .ro-field-error{display:block;color:#a43d56;font-size:13px;line-height:1.6;margin-top:5px}
body .ro-site-content [aria-invalid=true]{border-color:#ca7789!important;background:#fff9fb}
body .ro-site-content .ro-table-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0}
body :is(.df-tag,.badge){white-space:nowrap}
body #damage-fonts .df-card-footer{background:#f1f7f5;border-color:#d8e6e1}
body #damage-fonts .df-tag-featured{background:#fae8ef;color:#975b76}
body .df-price{font-variant-numeric:tabular-nums}
body #damage-fonts.df-detail-page{padding-top:20px;padding-bottom:24px}
body #damage-fonts .df-detail-video-panel .df-video{width:100%;margin:0 auto}
body #damage-fonts .df-detail-video-panel{max-width:1040px;margin-left:auto;margin-right:auto;background:linear-gradient(135deg,#f7fbfa,#fffdf7)}
body #damage-fonts .df-detail-video-panel .df-video-quality{max-width:960px;margin-left:auto;margin-right:auto}
body footer{background:#e9f0ec;border-color:#cfded6;padding:20px 0;margin-top:24px}
body footer .under-footer{border-color:#d2dfd8}
body footer a,body footer a[style]{font-size:14px;font-weight:600}
body .ro-footer-line{display:inline-flex;align-items:center;gap:10px;border:1px solid #c3d9ce;border-radius:12px;background:#fffdf9;padding:8px 16px;transition:box-shadow .15s}
body .ro-footer-line:hover{box-shadow:0 3px 10px #29523f18}
body .ro-footer-line img{width:36px!important;height:36px;object-fit:contain}
body .ro-footer-line span{font-size:14px;color:#2f694b}
body .ro-line-dialog{padding:0;border:1px solid #ccddd6;border-radius:16px;background:#fffefa;box-shadow:0 24px 90px #102f4550;width:min(580px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);margin:auto;color:#315764}
body .ro-line-dialog::backdrop{background:#143441aa;backdrop-filter:blur(3px)}
body .ro-line-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#eef5ef;border-bottom:1px solid #d5e2da}
body .ro-line-dialog-head h2{font-size:17px;margin:0}
body .ro-line-dialog [data-line-close]{width:34px;height:34px;border:1px solid #ceded5;border-radius:50%;font:25px/1 sans-serif;color:#356154;background:white;cursor:pointer;flex-shrink:0}
body .ro-line-dialog-body{padding:12px 16px;display:flex;flex-direction:column;align-items:center;gap:8px}
body .ro-line-dialog-body img{position:static;display:block;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 180px);object-fit:contain}
body .ro-line-dialog-body p{font-size:13px;color:#56786a;margin:0;text-align:center}
html.ro-line-open{overflow:hidden}
body .ro-line-page{max-width:680px;margin:12px auto;padding:18px;text-align:center}
body .ro-line-page h1{font-size:24px;margin-bottom:12px}
body .ro-line-page img{position:static;width:auto!important;max-width:100%;height:auto;max-height:75dvh;object-fit:contain}
#ro-feedback{position:fixed;z-index:1080;right:20px;bottom:20px;display:flex;flex-direction:column;gap:8px;width:min(380px,calc(100vw - 32px));pointer-events:none}
.ro-toast{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid #bad6ce;border-left:4px solid #4c9480;border-radius:10px;background:#f6fff9;box-shadow:0 8px 32px #153c4925;pointer-events:auto;font:500 15px/1.6 "Microsoft JhengHei",sans-serif;color:#295d4b;overflow-wrap:anywhere}
.ro-toast-error{background:#fff7f9;color:#93465e;border-color:#e5b8c5;border-left-color:#b65b76}.ro-toast-info{background:#f4fbff;color:#315d76;border-color:#bcd7e4;border-left-color:#53839c}
.ro-toast span{flex:1;min-width:0}.ro-toast button{border:0;background:transparent;color:inherit;font-size:23px;cursor:pointer;padding:0 4px;flex-shrink:0}
@media(max-width:1100px){body .header-area .main-nav{gap:10px}body .header-area .main-nav .nav>li{padding:0 2px}body .header-area .main-nav .nav>li.portal-account-start{margin-left:4px}}
@media(max-width:767px){body #ro-home .adventure-hero{grid-template-columns:minmax(0,1fr);padding:24px;gap:12px}body #ro-home .adventure-art{display:none}body #ro-home .adventure-hero h1{font-size:29px}body #ro-home .adventure-intro{margin-bottom:16px}body #ro-home .home-top-pair .promo-card a{grid-template-columns:80px minmax(0,1fr);gap:8px}body .header-area .main-nav .nav{max-height:calc(100dvh - 100px);overflow-y:auto}body .header-area .main-nav .nav>li>a:not(.portal-wallet){border-radius:0}body .ro-line-dialog-body{padding:10px}#ro-feedback{bottom:14px;right:16px}}
@media(prefers-reduced-motion:reduce){body *,body *::before,body *::after{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:767px){body #damage-fonts .df-detail-video-panel .df-video{max-width:100%}body #ro-home .adventure-hero{padding:20px}body #ro-home .adventure-kicker{font-size:12px;letter-spacing:.02em}body #ro-home .adventure-hero h1{font-size:27px}body #ro-home .adventure-steps{gap:7px 10px}}
@media(max-width:400px){body #ro-home .adventure-actions{display:grid;grid-template-columns:1fr}body #ro-home .adventure-actions .btn{text-align:center}body #ro-home .adventure-text-link{text-align:center}body #ro-home .adventure-intro{font-size:14px}}