:root{--bg:#350B1E;--deep:#4B1028;--card:#651731;--sub:#812444;--pink:#E95A89;--red:#D72F50;--bright:#FF84A8;--text:#fff;--muted:#F8DDE7;--line:rgba(255,255,255,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#350B1E 0%,#4B1028 48%,#350B1E 100%);color:var(--text);font:15px/1.75 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:#fff}img{max-width:100%;height:auto;object-fit:contain;object-position:center;display:block}.wrap{width:min(1040px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(53,11,30,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.topbar{min-height:72px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;min-width:150px}.brand-logo{height:28px;width:auto}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-text strong{font-size:20px}.brand-text small{font-size:10px;color:var(--muted);letter-spacing:.12em;margin-top:5px}.desktop-main{display:flex;gap:6px;flex:1;justify-content:center;flex-wrap:wrap}.desktop-main a,.app-link,.menu-toggle{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border-radius:12px}.desktop-main a:hover,.desktop-main a:focus-visible,.desktop-main a.is-active{background:#651731}.header-actions{display:flex;gap:8px;align-items:center}.app-link{background:linear-gradient(135deg,#F15F90,#D72F50);font-weight:700}.menu-toggle,.menu-close{border:1px solid var(--line);background:#4B1028;color:#fff;font:inherit;cursor:pointer}.menu-toggle{min-width:64px}.menu-toggle:hover,.menu-toggle:focus-visible,.menu-close:hover,.menu-close:focus-visible{background:#651731;outline:2px solid #FFB6CC;outline-offset:2px}.menu-overlay{position:fixed;inset:0;background:rgba(20,2,10,.66);z-index:58;opacity:0;visibility:hidden;pointer-events:none;transition:.18s}.menu-overlay.is-open{opacity:1;visibility:visible}.site-menu{position:fixed;top:0;right:0;bottom:0;width:min(420px,92vw);z-index:60;transform:translateX(102%);transition:.2s ease;background:#4B1028;border-left:1px solid var(--line);overflow:auto}.site-menu.is-open{transform:translateX(0)}.menu-panel{padding:22px}.menu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.menu-head strong{font-size:20px}.menu-close{min-height:44px;padding:0 16px;border-radius:12px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu-grid a,.menu-services a{min-height:48px;display:flex;align-items:center;padding:12px 14px;border-radius:12px;background:#651731;border:1px solid var(--line)}.menu-services{display:grid;gap:8px;margin-top:16px}.menu-open{overflow:hidden}.site-main{padding:30px 0 70px}.breadcrumbs{width:min(1040px,calc(100% - 32px));margin:0 auto 16px;color:var(--muted);font-size:13px}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.hero,.section,.article-shell{width:min(1040px,calc(100% - 32px));margin:0 auto 22px}.hero{background:radial-gradient(circle at 78% 20%,rgba(255,132,168,.22),transparent 28%),linear-gradient(135deg,#651731,#4B1028);border:1px solid var(--line);border-radius:18px;padding:34px}.hero h1{font-size:26px;line-height:1.35;margin:0 0 12px}.hero p{max-width:760px;color:var(--muted);margin:0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn{min-height:44px;padding:0 18px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#F15F90,#D72F50);font-weight:700}.btn.secondary{background:#651731;border:1px solid var(--line)}.section{padding:26px;background:rgba(101,23,49,.82);border:1px solid var(--line);border-radius:16px}.section h2{font-size:21px;margin:0 0 14px}.section h3{font-size:17px;margin:18px 0 8px}.section p{margin:0 0 12px;color:#fff}.muted{color:var(--muted)!important}.editorial-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.feature-card,.mini-card,.route-card,.info-card{background:#4B1028;border:1px solid var(--line);border-radius:16px;padding:20px}.feature-card h2,.mini-card h3,.route-card h3,.info-card h3{margin-top:0}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.six-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.six-grid article,.service-grid article{background:#4B1028;border:1px solid var(--line);border-radius:16px;padding:18px}.six-grid h3,.service-grid h3{margin-top:0}.six-grid a,.service-grid a{display:inline-flex;min-height:44px;align-items:center;color:#fff;text-decoration:underline;text-underline-offset:4px}.image-frame{margin:14px 0;background:#4B1028;border:1px solid var(--line);border-radius:14px;padding:10px}.image-frame img{max-height:190px;margin:auto}.image-frame.about img{max-height:220px}.image-frame.app img{max-height:320px}.article-shell{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,1fr);gap:20px;align-items:start}.article{background:#651731;border:1px solid var(--line);border-radius:16px;padding:26px}.article h1{font-size:26px;line-height:1.35;margin-top:0}.article h2{font-size:21px;margin-top:28px}.article h3{font-size:17px}.article p{margin:0 0 14px}.sidebar{position:sticky;top:92px;display:grid;gap:12px}.sidebar a{display:flex;align-items:center;min-height:44px;padding:12px 14px;border:1px solid var(--line);background:#4B1028;border-radius:12px}.faq-list details{background:#4B1028;border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:10px}.faq-list summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}.faq-list p{color:var(--muted);margin-top:10px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.site-footer{background:#2A0717;border-top:1px solid var(--line);padding:34px 0 96px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px}.site-footer h2{font-size:17px;margin:0 0 10px}.site-footer p,.footer-note{color:var(--muted)}.footer-links{display:grid;gap:6px}.footer-links a{min-height:36px;display:flex;align-items:center}.footer-note{border-top:1px solid var(--line);margin-top:24px;padding-top:16px;font-size:13px}.mobile-bottom{display:none}.search-box{display:grid;grid-template-columns:1fr auto;gap:8px}.search-box input{min-height:44px;border:1px solid var(--line);border-radius:12px;padding:0 14px;background:#350B1E;color:#fff}.search-box button{min-height:44px;border:0;border-radius:12px;padding:0 16px;background:linear-gradient(135deg,#F15F90,#D72F50);color:#fff;font:inherit}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.tag-row a{padding:8px 12px;border-radius:999px;background:#4B1028;border:1px solid var(--line)}:focus-visible{outline:2px solid #FFD3E0;outline-offset:3px}@media(max-width:900px){.desktop-main{display:none}.topbar{justify-content:space-between}.article-shell{grid-template-columns:1fr}.sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-grid{grid-template-columns:1fr}.six-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:640px){body{padding-bottom:74px}.wrap,.hero,.section,.article-shell,.breadcrumbs{width:min(100% - 32px,1040px)}.site-main{padding-top:20px}.topbar{min-height:64px;gap:10px}.brand{min-width:0}.brand-logo{height:26px}.brand-text strong{font-size:18px}.app-link,.menu-toggle{padding:0 11px}.hero{padding:24px 20px}.section,.article{padding:20px 18px}.feature-list,.six-grid,.service-grid,.footer-grid{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr}.menu-grid{grid-template-columns:1fr}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(4,1fr);background:#350B1E;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{min-height:58px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.mobile-bottom a.is-active{color:#fff;background:#651731}.site-footer{padding-bottom:88px}.image-frame img{max-height:180px}}@media(max-width:360px){.topbar{gap:6px}.app-link,.menu-toggle{min-width:54px;padding:0 9px}.brand-text small{display:none}.hero h1,.article h1{font-size:24px}}
