/*
Theme Name: phmayon Orange
Theme URI: https://phmayon.com/
Author: phmayon
Description: Orange independent information theme with responsive navigation, editable pages and configurable homepage access routes.
Version: 1.3.8
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ph-mayon
Tags: custom-logo, custom-menu, featured-images, blog, two-columns
*/
:root{--bg:#fff8f2;--panel:#fff8f2;--panel2:#ffefe3;--text:#352218;--muted:#75503e;--gold:#ec5501;--goldlight:#c24600;--line:#fff1e7;--container:1240px;--header:88px;color-scheme:light}
*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.75 Arial,Helvetica,sans-serif;overflow-wrap:break-word}img,svg,video,iframe{max-width:100%}img{display:block;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--goldlight);outline-offset:5px}p{margin:0 0 18px;color:var(--muted)}h1,h2,h3,h4{color:var(--text);line-height:1.2;margin:0 0 18px;letter-spacing:-.025em}h1{font-size:clamp(36px,4.6vw,64px)}h2{font-size:clamp(25px,2.5vw,34px)}h3{font-size:21px}.container{width:min(var(--container),calc(100% - 64px));margin-inline:auto}.sr-only,.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:99999;background:var(--gold);color:#fff8f2;padding:12px 24px}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:1000;background:#fff8f2f7;border-bottom:1px solid var(--line)}.admin-bar .site-header{top:32px}.header-inner{min-height:88px;display:flex;align-items:center;gap:24px}.brand,.custom-logo-link{flex-shrink:0;display:inline-flex;align-items:center}.brand img{width:205px;height:auto}.custom-logo{max-width:205px;max-height:68px;object-fit:contain}.primary-nav{margin-left:auto}.nav-menu{display:flex;gap:23px;list-style:none;margin:0;padding:0;align-items:center}.nav-menu li{position:relative}.nav-menu a{display:block;color:#75503e;font-size:13px;line-height:1.4;white-space:nowrap;padding:15px 0}.nav-menu a:hover,.nav-menu a[aria-current=page],.current-menu-item>a{color:var(--goldlight)}.nav-menu a[aria-current=page]:after{content:'';position:absolute;height:2px;background:var(--gold);left:0;right:0;bottom:5px}.sub-menu{display:none;position:absolute;top:100%;left:0;min-width:210px;padding:14px 20px;margin:0;list-style:none;background:#ffefe3;border:1px solid var(--line);border-radius:12px}.sub-menu a{white-space:normal}.nav-menu li:hover>.sub-menu,.nav-menu li:focus-within>.sub-menu{display:block}.sub-menu .sub-menu{left:100%;top:0}.submenu-toggle{background:transparent;color:var(--gold);border:0;padding:8px;line-height:1}.menu-item-has-children>a{display:inline-block}.header-actions{display:flex;gap:22px;align-items:center;white-space:nowrap}.header-login{font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;background:linear-gradient(125deg,#c24600,#ec5501);color:#fff8f2;border:1px solid #ec5501;border-radius:8px;font-weight:700;font-size:14px;line-height:1.3;padding:14px 25px;text-align:center;transition:background .2s,transform .2s}.btn:hover{background:var(--goldlight);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--goldlight);border-color:#e8b18e}.btn-ghost:hover{background:#fff1e7;color:var(--goldlight)}.btn-small{min-height:40px;padding:10px 19px;font-size:13px}.menu-toggle,.mobile-actions{display:none}.home-entry-hero{padding:58px 0 0;background:radial-gradient(ellipse at 82% 10%,#fff1e72b,transparent 60%)}.home-layout{display:grid;grid-template-columns:1.02fr 1fr;gap:42px;align-items:center}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--gold);line-height:1.6;margin-bottom:17px}.home-top .eyebrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.not-official{color:#352218;background:#ffefe3;border:1px solid #fff1e7;padding:3px 9px;border-radius:4px;font-size:10px;letter-spacing:.03em}.home-top h1{font-size:clamp(32px,3.5vw,48px);margin-bottom:19px;letter-spacing:-.045em}.hero-lead{font-size:clamp(29px,3.9vw,49px);line-height:1.14;color:#352218;letter-spacing:-.035em;margin-bottom:22px;font-weight:400}.hero-lead em{font-family:Georgia,serif;font-weight:400;color:var(--gold);font-style:italic}.home-top>p:not(.eyebrow):not(.hero-lead){max-width:500px;font-size:15px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0 19px}.hero-note{color:#c84a05;font-size:11px;display:flex;gap:9px;align-items:center}.hero-note span{width:5px;height:5px;border-radius:50%;background:var(--gold)}.home-summary{min-width:0;border:1px solid #fff1e7;border-radius:16px;overflow:hidden;background:#fff8f2}.hero-art{width:100%;aspect-ratio:2/1;object-fit:cover}.summary-caption{display:flex;align-items:center;gap:18px;padding:23px 26px;border-top:1px solid var(--line);background:linear-gradient(130deg,#fff1e7,#fff8f2)}.summary-caption h2{font-size:19px;margin:0 0 5px}.summary-caption p{font-size:12px;margin:0;line-height:1.6}.icon-badge{display:grid;place-items:center;width:47px;height:47px;flex:0 0 47px;border:1px solid #e8b18e;background:linear-gradient(140deg,#fff1e7,#fff8f2);color:var(--gold);border-radius:11px}.icon-badge svg{width:27px;height:27px}.domain-lines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px}.domain-line-card{display:flex;flex-direction:column;padding:27px 26px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#ffefe3,#fff8f2)}.primary-line{border-color:#e8b18e;background:linear-gradient(130deg,#fff1e7,#fff8f2)}.line-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;color:var(--gold);font-size:11px;letter-spacing:.12em;font-weight:700}.route-tag{font-size:9px;border:1px solid #fff1e7;padding:3px 8px;border-radius:4px;letter-spacing:.03em;color:#ec5501;font-weight:400}.domain-line-card h2{font-size:24px;margin-bottom:13px}.domain-line-card p{font-size:13px;line-height:1.75;max-width:320px;margin-bottom:23px}.route-link{color:var(--goldlight);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:17px;margin-top:auto}.route-link svg{width:20px;height:20px}.route-link:hover{color:#352218}.section-block{padding:56px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{margin:0;font-size:29px}.section-heading>p{font-size:12px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{position:relative;display:block;background:#fff8f2;border:1px solid #ffefe3;border-radius:12px;padding:24px;transition:border-color .2s,background .2s}.feature-card:hover{border-color:#c84a05;background:#ffefe3}.feature-card .icon-badge{margin-bottom:19px}.feature-card h3{font-size:19px;margin-bottom:9px}.feature-card p{font-size:12px;margin:0}.card-arrow{position:absolute;top:24px;right:24px;color:#e8b18e;font-size:23px}.editorial-section{padding-bottom:64px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:24px;align-items:start}.content-card{background:var(--panel);border:1px solid var(--line);padding:34px;border-radius:13px;min-width:0}.prose h1{font-size:clamp(30px,4vw,47px);margin-bottom:25px}.prose h2{font-size:25px;margin-top:35px;margin-bottom:17px}.prose h2:first-child{margin-top:0}.prose h3{font-size:19px;margin-top:25px}.prose p,.prose li{font-size:15px;color:var(--muted);line-height:1.85}.prose a{color:var(--goldlight);text-decoration:underline;text-underline-offset:4px}.prose a:hover{color:white}.prose ul,.prose ol{padding-left:23px}.prose li{margin-bottom:9px}.prose strong{color:#352218}.prose blockquote,.notice-box{padding:20px 22px;margin:25px 0;background:#ffefe3;border-left:3px solid var(--gold);border-radius:3px}.prose .notice-box h2{margin-top:0}.side-stack{display:grid;gap:20px;position:sticky;top:112px}.side-card{border:1px solid var(--line);background:#fff8f2;border-radius:12px;padding:26px}.side-card h2{font-size:22px;margin-bottom:15px}.side-card p{font-size:13px}.side-card .icon-badge{margin-bottom:20px}.side-card .btn{width:100%;font-size:12px}.side-card>a:not(.btn){color:var(--gold);font-size:13px}.side-links{display:grid}.side-links a{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #ffefe3;font-size:12px;color:#75503e}.side-links a:after{content:'→';color:var(--gold);margin-left:8px}.side-links a:hover{color:var(--goldlight)}.side-links a:last-child{border:0;padding-bottom:0}.highlight-card{background:linear-gradient(130deg,#fff1e7,#fff8f2);border-color:#e8b18e}.page-shell{padding:35px 0 65px;min-height:60vh}.breadcrumbs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;color:#75503e;margin:0 0 27px}.breadcrumbs a{color:var(--gold)}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.post-grid .content-card>img{margin-bottom:24px;border-radius:8px}.post-grid .content-card h2{margin-top:0}.navigation{margin-top:30px}.nav-links{display:flex;gap:20px;flex-wrap:wrap}.error-card{text-align:center;padding:75px 30px}.error-card .btn{margin:10px}.site-footer{background:#fff8f2;border-top:1px solid #fff1e7;padding-top:45px}.footer-notice{padding-bottom:33px;border-bottom:1px solid var(--line)}.footer-notice h2{font-size:26px}.footer-notice p{font-size:12px;max-width:1120px;line-height:1.85;margin-bottom:13px}.footer-grid{display:grid;grid-template-columns:1.65fr repeat(4,1fr);gap:33px;padding-block:42px}.footer-brand .brand img{width:200px}.footer-brand p{font-size:12px;max-width:255px;margin:18px 0 19px}.footer-label{font-size:9px;letter-spacing:.17em;color:#e8b18e}.footer-column h2{font-size:12px;color:var(--goldlight);letter-spacing:0;margin:10px 0 19px}.footer-column a{display:block;font-size:11px;color:#75503e;margin-bottom:11px}.footer-column a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid #fff1e7;display:flex;justify-content:space-between;gap:20px;padding-block:21px;font-size:11px;color:#e8b18e}.footer-bottom p{margin:0;font-size:11px;color:#e8b18e}.back-top{position:fixed;bottom:23px;right:22px;z-index:60;width:42px;height:42px;border:1px solid #e8b18e;border-radius:9px;color:var(--goldlight);background:#ffefe3;font-size:22px;display:none}.back-top.visible{display:block}.prose details{border:1px solid var(--line);border-radius:8px;margin:12px 0;padding:18px;background:#ffefe3}.prose summary{cursor:pointer;font-weight:700;color:var(--goldlight);font-size:15px}.prose details p{margin-top:15px;margin-bottom:0}.prose table{border-collapse:collapse;width:100%;font-size:13px}.prose td,.prose th{padding:12px;border:1px solid var(--line);text-align:left}.prose th{color:var(--gold)}input,textarea,select{max-width:100%;background:#ffefe3;border:1px solid #e8b18e;color:var(--text);padding:10px;border-radius:4px}textarea{width:100%}.comment-list{padding-left:20px}.comment-meta{font-size:12px}.comment-body{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.search-form{display:flex;align-items:end;gap:12px}.search-form label{display:grid}.wp-caption{max-width:100%}.wp-caption-text{font-size:12px}.alignleft{float:left;margin:0 20px 20px 0}.alignright{float:right;margin:0 0 20px 20px}.aligncenter{display:block;margin-inline:auto}.gallery-caption{font-size:12px}.bypostauthor{border-left:2px solid var(--gold)}.wp-block-image img{height:auto}.prose>*:last-child{margin-bottom:0}
@media(min-width:1081px){.primary-nav{display:block!important}}
@media(max-width:1180px){.container{width:calc(100% - 44px)}.header-inner{gap:18px}.nav-menu{gap:15px}.brand img{width:180px}.header-actions{gap:14px}.nav-menu a{font-size:12px}.home-layout{gap:28px}}
@media(max-width:1080px){.header-inner{min-height:78px;flex-wrap:wrap;position:relative}.brand{margin-right:auto}.menu-toggle{display:grid;gap:5px;order:3;width:43px;height:42px;border-radius:7px;border:1px solid #e8b18e;background:#fff8f2;align-content:center;padding:10px}.menu-toggle span{height:2px;background:var(--goldlight);display:block;width:21px;transition:transform .2s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.primary-nav{display:none;position:absolute;left:0;right:0;top:100%;max-height:calc(100dvh - 100px);overflow-y:auto;background:#fff8f2;border:1px solid #e8b18e;padding:15px 22px 24px;border-radius:0 0 12px 12px;box-shadow:0 20px 40px #743000aa;margin:0}.primary-nav.is-open{display:block}.nav-menu{display:block}.nav-menu a{padding:15px 0;font-size:15px;border-bottom:1px solid #fff1e7}.nav-menu a[aria-current=page]:after{display:none}.nav-menu li{position:relative}.submenu-toggle{position:absolute;right:0;top:7px;padding:13px}.sub-menu,.sub-menu .sub-menu{position:static;min-width:0;margin:8px 0 8px 15px;padding:0 14px;border:none;border-left:1px solid #e8b18e;border-radius:0;display:none}.nav-menu li:hover>.sub-menu,.nav-menu li:focus-within>.sub-menu{display:none}.nav-menu li.submenu-open>.sub-menu{display:block}.mobile-actions{display:flex;gap:12px;padding-top:24px}.mobile-actions .btn{flex:1}.content-grid{grid-template-columns:minmax(0,1fr) 255px}.content-card{padding:27px}.side-card{padding:22px}.home-top h1{font-size:36px}.hero-lead{font-size:38px}.summary-caption{padding:20px}.footer-grid{gap:25px}}
@media(max-width:800px){.container{width:calc(100% - 36px)}.home-entry-hero{padding-top:33px}.home-layout{grid-template-columns:1fr;gap:30px}.home-top h1{font-size:40px}.hero-lead{font-size:43px}.home-top>p:not(.eyebrow):not(.hero-lead){max-width:580px}.home-summary{max-width:620px;width:100%}.hero-art{aspect-ratio:2.2/1}.domain-lines{margin-top:29px;gap:13px}.domain-line-card{padding:20px}.domain-line-card h2{font-size:21px}.line-head{flex-wrap:wrap;gap:8px}.feature-grid{gap:13px}.feature-card{padding:20px}.feature-card h3{font-size:17px}.content-grid{grid-template-columns:1fr}.side-stack{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.side-stack .side-card:last-child{grid-column:1/-1}.section-heading{align-items:start;flex-direction:column;gap:12px}.section-block{padding-top:39px}.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:450px}.footer-grid{padding-block:30px}.admin-bar .site-header{top:46px}.admin-bar .primary-nav{max-height:calc(100dvh - 140px)}}
@media(max-width:580px){.container{width:calc(100% - 28px)}.header-inner{min-height:72px;gap:12px}.brand img{width:166px}.header-actions .btn{padding:10px 12px;font-size:11px;min-height:36px}.menu-toggle{width:38px;height:38px;padding:8px}.home-top .eyebrow{font-size:9px;gap:10px}.home-top h1{font-size:35px}.hero-lead{font-size:37px}.hero-actions{gap:10px}.hero-actions .btn{font-size:12px;padding:13px 17px;flex:1}.hero-note{font-size:10px}.home-top>p:not(.eyebrow):not(.hero-lead){font-size:14px}.summary-caption{padding:18px;gap:14px}.summary-caption h2{font-size:17px}.summary-caption p{font-size:11px}.summary-caption .icon-badge{width:40px;height:40px;flex-basis:40px}.domain-lines{grid-template-columns:1fr;gap:13px}.domain-line-card{padding:23px}.line-head{flex-wrap:nowrap}.domain-line-card p{max-width:none;font-size:13px}.domain-line-card h2{font-size:23px}.domain-line-card .route-link{font-size:13px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.feature-card{padding:18px 15px}.feature-card h3{font-size:16px;line-height:1.3}.feature-card p{font-size:11px;line-height:1.7}.feature-card .icon-badge{width:39px;height:39px;min-width:0;margin-bottom:16px}.icon-badge svg{width:24px;height:24px}.card-arrow{top:15px;right:14px;font-size:18px}.section-heading h2{font-size:26px}.section-heading .eyebrow{font-size:9px}.content-card{padding:24px 20px}.prose h2{font-size:23px}.prose p,.prose li{font-size:14px}.prose h1{font-size:31px}.side-stack{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.footer-column h2{font-size:12px}.footer-column a{font-size:12px}.footer-bottom{flex-direction:column;gap:5px}.footer-notice h2{font-size:24px}.post-grid{grid-template-columns:1fr}.page-shell{padding-top:24px}.back-top{right:14px;bottom:15px;width:37px;height:37px}.error-card{padding:48px 20px}.error-card .btn{display:flex}.site-footer{padding-top:33px}}
@media(max-width:360px){.hero-actions .btn{flex-basis:100%}.home-top h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.side-stack,.site-footer,.back-top,.hero-actions{display:none}body{background:white;color:black}.content-grid{display:block}.prose p,.prose li,h1,h2,h3{color:black}.content-card{border:0;background:white}}

/* v1.1 — existing page grids retained; entry and contact controls added. */
.main-entry-card{border-color:#e8b18e}.main-entry-card h2{font-size:25px;line-height:1.24}.main-entry-card .btn{font-size:14px;gap:12px}.main-entry-card .btn svg{width:20px;height:20px}.blog-introduction{margin-top:26px}.floating-social{position:fixed;right:20px;bottom:24px;z-index:120;display:flex;flex-direction:column;gap:10px}.float-btn{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffefe3;background:#fff8f2f2;box-shadow:0 4px 12px #74300044;transition:border-color .2s,transform .2s}.float-btn:hover{border-color:var(--gold);transform:translateY(-2px)}.float-btn svg{width:23px;height:23px;fill:currentColor}.float-btn.tg{color:#28a8ea}.float-btn.fb{color:#508cf0}.float-btn.wa{color:#17e57d}.float-btn.top{color:var(--gold);position:static;display:grid;font-size:20px}.float-btn.top svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.floating-social .back-top{bottom:auto;right:auto}.floating-social .back-top.visible{display:grid}
@media(max-width:1380px) and (min-width:581px){.floating-social{right:7px;gap:8px}.float-btn{width:40px;height:40px}}
@media(max-width:580px){.floating-social{right:8px;bottom:12px;gap:7px}.float-btn{width:36px;height:36px}.float-btn svg{width:19px;height:19px}.site-footer .footer-bottom{padding-right:42px}.main-entry-card .btn{padding-inline:28px}}
@media print{.floating-social{display:none}}
.page-illustration{margin:0 0 30px;border:1px solid #e8b18e;border-radius:12px;overflow:hidden;background:#fff8f2;box-shadow:0 18px 48px #74300077}.page-illustration img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.archive-illustration{max-width:900px}.error-card .page-illustration{max-width:640px;margin:25px auto}.prose .page-illustration{margin-top:6px}.prose .page-illustration img{margin:0}

/* v1.2 — centered desktop navigation and three direct domain lines. */
@media(min-width:1081px){.header-inner{display:grid;grid-template-columns:minmax(185px,1fr) auto minmax(185px,1fr);gap:18px}.primary-nav{margin:0;justify-self:center}.header-actions{justify-self:end}}
.domain-line-card{min-height:345px;background:linear-gradient(145deg,#ffefe3,#fff8f2);border-top:4px solid #ec5501;box-shadow:0 18px 34px #74300044}.primary-line{background:linear-gradient(145deg,#fff1e7,#fff8f2);border-color:#c84a05;border-top-color:#c24600}.domain-line-card .line-head{font-size:12px;letter-spacing:.14em;margin-bottom:27px}.domain-line-card .route-tag{border-radius:999px;font-size:11px;padding:6px 12px;color:var(--goldlight);font-weight:700}.domain-line-card h2{font-size:clamp(23px,2.4vw,31px);margin-bottom:16px;overflow-wrap:anywhere}.domain-line-card h2 a:hover{color:var(--goldlight)}.domain-line-card p{font-size:15px;line-height:1.65;max-width:none;margin-bottom:24px}.domain-line-card .line-route-btn{display:flex;justify-content:center;min-height:59px;padding:13px 17px;margin-top:auto;border:1px solid #e8b18e;border-radius:999px;background:#ffefe3;color:#352218;text-align:center;font-size:16px}.domain-line-card .line-route-btn:hover{background:#fff1e7;color:#352218;border-color:#ec5501}.domain-line-card.primary-line .line-route-btn{background:linear-gradient(110deg,#c24600,#ec5501);border-color:#ec5501;color:#fff1e7}.domain-line-card.primary-line .line-route-btn:hover{background:#c24600;color:#fff1e7}
@media(max-width:1180px) and (min-width:1081px){.header-inner{grid-template-columns:180px auto 180px;gap:12px}.nav-menu{gap:12px}}
@media(max-width:800px){.domain-line-card{min-height:330px}.domain-line-card h2{font-size:22px}}
@media(max-width:580px){.domain-line-card{min-height:295px}.domain-line-card h2{font-size:25px}.domain-line-card .line-route-btn{font-size:15px}}


/* v1.2.2 — homepage editorial card grid */
.home-long-content{min-width:0}
.home-copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.home-copy-card{position:relative;overflow:hidden;padding:28px;border:1px solid #e8b18e;border-top:3px solid #ec5501;border-radius:12px;background:linear-gradient(145deg,#ffefe3,#fff8f2 78%);box-shadow:0 18px 40px #74300055}
.home-copy-card:before{content:"";position:absolute;inset:0 auto auto 0;width:110px;height:110px;background:radial-gradient(circle at 0 0,#ec55011c,transparent 70%);pointer-events:none}
.home-copy-card h2{position:relative;margin:0 0 18px;padding-bottom:15px;border-bottom:1px solid #fff1e7;color:var(--goldlight);font-size:clamp(21px,2vw,27px);line-height:1.25}
.home-copy-card p,.home-copy-card li{position:relative;font-size:14px;line-height:1.82;color:#75503e}
.home-copy-card p:last-child,.home-copy-card ul:last-child,.home-copy-card ol:last-child,.home-copy-card details:last-child{margin-bottom:0}
.home-copy-card a{color:#ec5501;text-decoration-color:#e8b18e;text-underline-offset:3px}
.home-copy-card a:hover{color:#c24600}
.home-copy-card details{background:#fff8f2;border-color:#fff1e7}
@media(max-width:800px){.home-copy-grid{grid-template-columns:1fr;gap:16px}.home-copy-card{padding:24px 21px}}


/* v1.2.4 — fixed mobile header; desktop layout remains unchanged. */
.site-header-spacer{display:none}
@media screen and (max-width:1080px){
    :root{
        --phmayon-mobile-header-height:calc(79px + env(safe-area-inset-top,0px));
        --phmayon-visible-height:100vh;
        scroll-padding-top:calc(var(--phmayon-mobile-header-height) + var(--phmayon-toolbar-offset,0px) + 16px);
    }
    body.admin-bar{--phmayon-toolbar-fallback:32px}
    .site-header,.admin-bar .site-header{
        position:fixed;
        top:var(--phmayon-toolbar-offset,var(--phmayon-toolbar-fallback,0px));
        right:0;
        bottom:auto;
        left:0;
        width:auto;
        z-index:1000;
        padding-top:env(safe-area-inset-top,0px);
        background:#fff8f2;
    }
    .site-header-spacer{
        display:block;
        height:var(--phmayon-mobile-header-height);
        flex-shrink:0;
        pointer-events:none;
    }
    .site-header .primary-nav{
        max-height:max(0px,calc(var(--phmayon-visible-height) - var(--phmayon-mobile-header-height) - var(--phmayon-toolbar-offset,var(--phmayon-toolbar-fallback,0px))));
        overflow-x:hidden;
        overflow-y:auto;
        overscroll-behavior-y:contain;
        -webkit-overflow-scrolling:touch;
        padding-bottom:max(24px,env(safe-area-inset-bottom,0px));
    }
    .site-header .nav-menu a{white-space:normal;overflow-wrap:anywhere}
    .site-header .menu-item-has-children>a{padding-right:36px}
    .skip-link:focus{top:calc(var(--phmayon-toolbar-offset,var(--phmayon-toolbar-fallback,0px)) + 10px)}
}
@supports (height:100dvh){
    @media screen and (max-width:1080px){:root{--phmayon-visible-height:100dvh}}
}
@media screen and (max-width:782px){body.admin-bar{--phmayon-toolbar-fallback:46px}}
@media screen and (max-width:580px){
    :root{--phmayon-mobile-header-height:calc(73px + env(safe-area-inset-top,0px))}
}


/* v1.3.3 — intro first on mobile, followed by routes, then the artwork.
 * One copy of each block; desktop retains its existing two-column hero.
 */
.home-entry-hero .home-layout{
    grid-template-areas:"intro artwork" "routes routes";
    row-gap:48px;
}
.home-entry-hero .home-top{grid-area:intro;min-width:0}
.home-entry-hero .domain-lines{grid-area:routes;margin-top:0;min-width:0}
.home-entry-hero .home-summary{grid-area:artwork}
@media(max-width:800px){
    .home-entry-hero .home-layout{
        grid-template-areas:"intro" "routes" "artwork";
        row-gap:29px;
    }
}
.site-brand {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.site-logo {
    display: block;
    width: auto;
    max-width: 168px;
    height: auto;
    max-height: 58px;
}

@media (max-width: 768px) {
    .site-logo {
        max-width: 138px;
        max-height: 48px;
    }
}

/* v1.3.4 — both account buttons stay visible, with the menu aligned right. */
.site-header .header-actions{gap:10px}
.site-header .header-login{display:inline-flex}
@media screen and (max-width:1080px){
    .site-header .header-inner{flex-wrap:nowrap;gap:10px}
    .site-header .site-brand{margin-right:auto;flex:0 1 auto;min-width:0}
    .site-header .header-actions{display:flex;flex:0 0 auto;margin-left:auto;gap:8px}
    .site-header .menu-toggle{order:initial;flex:0 0 43px;margin-left:0}
    .site-header .header-actions .btn{min-height:42px}
}
@media screen and (max-width:580px){
    .site-header .header-inner{width:calc(100% - 28px);gap:9px}
    .site-header .site-logo{max-width:138px;max-height:48px;width:auto;height:auto}
    .site-header .menu-toggle{flex-basis:38px;min-height:42px}
    .site-header .header-actions .btn{font-size:11px;padding:10px 11px;min-height:42px}
}
@media screen and (max-width:380px){
    .site-header .header-inner{gap:7px}
    .site-header .site-logo{max-width:108px;max-height:44px}
    .site-header .header-actions{gap:6px}
    .site-header .header-actions .btn{padding:9px 8px}
    .site-header .menu-toggle{width:36px;flex-basis:36px}
}

/* An in-flow, internal home link at the end of each detail page. */
.return-home-card{
    position:relative;isolation:isolate;overflow:hidden;clear:both;
    margin:36px 0 0;padding:32px;border:1px solid #e8b18e;border-radius:16px;
    background:radial-gradient(ellipse at 0 0,#e8b18e42,transparent 70%),linear-gradient(135deg,#fff1e7,#fff8f2 80%);
    box-shadow:0 16px 34px #74300033;
}
.return-home-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#c24600,#e8b18e,transparent);pointer-events:none}
.return-home-card .eyebrow{margin:0 0 18px;color:#ec5501;font-size:11px;letter-spacing:.14em}
.return-home-card h2,.prose .return-home-card h2{margin:0 0 17px;color:#c24600;font-size:clamp(25px,2.8vw,34px);line-height:1.2}
.return-home-card p,.prose .return-home-card p{max-width:760px;margin:0 0 24px;color:#75503e;font-size:15px;line-height:1.8}
.return-home-card .return-home-btn,.prose .return-home-card .return-home-btn{display:inline-flex;gap:12px;min-height:50px;margin:0;padding:13px 24px;border-radius:999px;color:#fff1e7;text-decoration:none;font-size:14px;font-weight:700}
.return-home-card .return-home-btn:hover,.prose .return-home-card .return-home-btn:hover{color:#fff1e7;background:#c24600}
.return-home-btn svg{width:20px;height:20px;flex:0 0 20px;transform:rotate(180deg)}
@media(max-width:580px){
    .return-home-card{margin-top:28px;padding:24px 20px;border-radius:13px}
    .return-home-card h2,.prose .return-home-card h2{font-size:25px}
    .return-home-card p,.prose .return-home-card p{font-size:14px}
    .return-home-card .return-home-btn,.prose .return-home-card .return-home-btn{width:100%;min-height:48px;padding:12px 16px}
}

/* Screenshot palette: orange #ec5501, peach #f9c6aa, white. */
:root{--bg:#fff8f2;--panel:#fff;--panel2:#fff0e5;--text:#352218;--muted:#75503e;--gold:#c24600;--goldlight:#ad3c00;--line:#f0c5aa;--orange:#ec5501;--orange-dark:#a83a00}
.site-header,.admin-bar .site-header{background:#ec5501;border-top:8px solid #a83a00;border-bottom-color:#ec5501}
.nav-menu a,.header-login{color:#f9c6aa;font-weight:700}
.nav-menu a:hover,.nav-menu a[aria-current=page],.nav-menu .current-menu-item>a{color:#fff}
.nav-menu a[aria-current=page]:after{background:#fff}
.sub-menu{background:#ec5501;border-color:#a83a00}
.btn,.domain-line-card.primary-line .line-route-btn,.return-home-card .return-home-btn,.prose .return-home-card .return-home-btn{background:#ec5501;border-color:#ec5501;color:#fff}
.btn:hover,.domain-line-card.primary-line .line-route-btn:hover,.return-home-card .return-home-btn:hover,.prose .return-home-card .return-home-btn:hover{background:#a83a00;border-color:#a83a00;color:#fff}
.btn-ghost{background:transparent;color:#c24600;border-color:#c24600}
.btn-ghost:hover{background:#fff0e5;color:#a83a00}
.site-header .btn{background:#fff;color:#a83a00;border-color:#fff}
.site-header .btn:hover{background:#f9c6aa;color:#823000}
.site-header .btn-ghost{background:transparent;color:#fff;border-color:#f9c6aa}
.site-header .btn-ghost:hover{background:#a83a00;color:#fff}
.feature-card,.content-card,.side-card,.home-copy-card{background:#fff}
.primary-line,.highlight-card,.return-home-card{background:linear-gradient(135deg,#ffe2cd,#fff8f2)}
.domain-line-card .line-route-btn{background:#ec5501;color:#fff;border-color:#ec5501}
.domain-line-card .line-route-btn:hover{background:#a83a00;color:#fff;border-color:#a83a00}
.prose a:hover,.route-link:hover{color:#a83a00}
.site-footer{background:#fff0e5;border-top-color:#ec5501}
.float-btn{background:#fff;border-color:#f0c5aa}
@media(max-width:1080px){
 .site-header .primary-nav{background:#ec5501;border-color:#a83a00}
 .site-header .nav-menu a{border-bottom-color:#f0854b}
 .site-header .menu-toggle{background:#a83a00;border-color:#f9c6aa}
 .site-header .menu-toggle span{background:#fff}
 .site-header .submenu-toggle{color:#fff}
 .sub-menu,.sub-menu .sub-menu{border-left-color:#f9c6aa}
}
@media print{body,.site-footer,.content-card{background:#fff;color:#000}.prose p,.prose li,h1,h2,h3{color:#000}}

/* Compact homepage routes and access tutorial. */
.ph-home .home-layout{grid-template-areas:"intro artwork" "routes routes" "help help";row-gap:28px}
.ph-home .home-top h1{margin-bottom:12px}.ph-route-intro{margin:0}
.ph-home .domain-line-card{min-height:185px;padding:22px;gap:18px}.ph-home .line-head{margin-bottom:12px}.ph-home .domain-line-card h2{margin:0;font-size:clamp(20px,2vw,27px)}.ph-home .domain-line-card .line-route-btn{min-height:46px;padding:11px 18px;font-size:14px;gap:12px}
.ph-access-help{grid-area:help;min-width:0;padding:28px;border:1px solid #ffe0bd;border-radius:24px;background:linear-gradient(120deg,#fff9ef,#ffe9cc);box-shadow:0 12px 32px #a83a0010;text-align:center}.ph-access-help>h2{font-size:clamp(19px,2.4vw,28px);color:#672600;margin-bottom:20px}.ph-help-actions{display:flex;justify-content:center;gap:14px}.ph-help-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 23px;min-height:48px;border:1px solid #ffbd43;border-radius:999px;font-size:14px;font-weight:800;line-height:1.3;text-align:center;cursor:pointer;box-shadow:0 6px 14px #d96b0015;transition:transform .18s,box-shadow .18s}.ph-help-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #a83a0025}.ph-help-gold{background:linear-gradient(#fff2a4,#ffc326);color:#492000}.ph-help-orange{background:linear-gradient(#ff790a,#e94e00);border-color:#ff8a35;color:#fff}.ph-help-actions .ph-help-btn{flex:1;max-width:360px;text-transform:uppercase}.ph-help-note{margin:18px 0 0;font-size:14px;color:#754021}.ph-help-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:23px;text-align:left}.ph-help-cards article{background:#ffffffcf;padding:25px;border:1px solid #ffe2cd;border-radius:20px}.ph-help-cards h3{color:#ec5501;font-size:25px;margin-bottom:12px}.ph-help-cards h4{font-size:18px;color:#492000;margin-bottom:10px}.ph-help-cards p{font-size:14px;margin-bottom:18px}.ph-help-cards .ph-help-btn{min-width:150px;border-radius:12px}
.ph-vpn-dialog{position:fixed;inset:0;width:min(820px,calc(100% - 24px));max-width:820px;max-height:90dvh;margin:auto;padding:0;border:1px solid #ffcd87;border-radius:20px;background:#fff8ee;color:#492000;box-shadow:0 24px 80px #49200060;overflow:auto;overscroll-behavior:contain}.ph-vpn-dialog:not([open]){display:none}.ph-vpn-dialog::backdrop{background:#3a1600a6;backdrop-filter:blur(5px)}.ph-dialog-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:#fffaf2;border-bottom:1px solid #ffdfc4}.ph-dialog-head span{color:#ec5501;font-size:10px;font-weight:800;letter-spacing:.12em}.ph-dialog-head h2{font-size:20px;color:#492000;margin:4px 0 0}.ph-dialog-close{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;background:#ec5501;border:0;border-radius:50%;color:#fff;font-size:26px;line-height:1}.ph-dialog-body{padding:10px}.ph-dialog-body img{width:100%;height:auto;border-radius:12px}
@media(max-width:800px){.ph-home{padding-top:14px}.ph-home .home-layout{grid-template-areas:"intro" "routes" "help" "artwork";row-gap:16px}.ph-home .home-top .eyebrow{font-size:10px;margin:0 0 4px;gap:8px}.ph-home .home-top h1{font-size:27px;line-height:1.1;margin:0 0 5px}.ph-route-intro{font-size:12px;line-height:1.4}.ph-home .domain-lines{grid-template-columns:1fr;gap:8px;margin:0}.ph-home .domain-line-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:76px;padding:12px 14px;border-top-width:2px;border-radius:13px;gap:10px}.ph-home .line-head{justify-content:flex-start;gap:8px;margin:0 0 5px;font-size:9px;letter-spacing:.08em}.ph-home .route-tag{font-size:9px;padding:1px 7px;line-height:1.5}.ph-home .domain-line-card h2{font-size:19px;line-height:1.2}.ph-home .domain-line-card .line-route-btn{margin:0;min-height:40px;padding:9px 13px;font-size:12px;gap:6px;white-space:nowrap}.ph-access-help{padding:18px 14px;border-radius:18px}.ph-access-help>h2{font-size:18px;margin-bottom:13px}.ph-help-actions{gap:8px}.ph-help-actions .ph-help-btn{min-height:47px;font-size:11px;padding:11px 10px;gap:5px}.ph-help-note{font-size:12px;margin-top:12px}.ph-help-cards{gap:10px;margin-top:17px}.ph-help-cards article{padding:16px 13px;border-radius:14px}.ph-help-cards h3{font-size:19px}.ph-help-cards h4{font-size:15px;line-height:1.4}.ph-help-cards p{font-size:12px}.ph-help-cards .ph-help-btn{width:100%;min-width:0;padding:11px;font-size:12px}.ph-dialog-head{padding:12px 14px}.ph-dialog-head h2{font-size:17px}.ph-dialog-body{padding:4px}}
@media(max-width:360px){.ph-home .domain-line-card h2{font-size:16px}.ph-home .domain-line-card .line-route-btn{font-size:11px;padding:9px 10px}.ph-help-cards{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ph-help-btn{transition:none}}
/* ===== Homepage visual refinement ===== */
.phx-home,
.phx-dialog{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",
        Roboto,Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
}

.phx-home{
    padding-top:20px;
}

.phx-home .phx-intro h1{
    font-family:inherit;
    font-size:clamp(24px,3vw,38px);
    font-weight:700;
    letter-spacing:-.035em;
    line-height:1.25;
}

.phx-home h2,
.phx-home h3,
.phx-home h4,
.phx-dialog h2,
.phx-dialog h3,
.phx-dialog h4{
    font-family:inherit;
    font-weight:700;
    letter-spacing:-.025em;
}

.phx-home p{
    font-family:inherit;
    font-weight:400;
}

/* 更清爽的线路卡片 */
.phx-routes{
    gap:14px;
}

.phx-route,
.phx-route:first-child{
    padding:22px;
    border:1px solid #f0d6c4;
    border-radius:16px;
    background:#fff;
    box-shadow:0 4px 16px rgba(111,48,12,.035);
}

.phx-route:first-child{
    border-color:#f3ab7c;
    background:#fffaf5;
}

.phx-route-top{
    margin-bottom:12px;
}

.phx-line-number{
    font-size:10px;
    font-weight:700;
    letter-spacing:.1em;
}

.phx-route-tag{
    background:#fff5eb;
    border-color:#f5dcc8;
    font-size:10px;
    font-weight:600;
}

.phx-home .phx-route h2{
    font-family:inherit;
    font-size:clamp(20px,2vw,26px);
    font-weight:700;
    letter-spacing:-.035em;
}

/* 按钮去掉厚底和夸张高光 */
.phx-home .phx-btn{
    min-height:46px;
    padding:12px 18px;
    border-radius:11px;
    font-family:inherit;
    font-size:14px;
    font-weight:600;
    line-height:1.35;
    letter-spacing:0;
    box-shadow:none;
    transition:background .18s,border-color .18s,
        box-shadow .18s;
}

.phx-home .phx-btn:hover{
    transform:none;
    box-shadow:0 4px 12px rgba(143,57,0,.1);
}

.phx-home .phx-btn-orange{
    color:#fff;
    background:#ec5501;
    border-color:#ec5501;
    box-shadow:none;
}

.phx-home .phx-btn-orange:hover{
    color:#fff;
    background:#d94a00;
    border-color:#d94a00;
}

.phx-home .phx-btn-gold{
    color:#6a360b;
    background:#fff0c5;
    border-color:#f1d494;
    box-shadow:none;
}

.phx-home .phx-btn-gold:hover{
    color:#542700;
    background:#ffe5a0;
    border-color:#e9c471;
}

.phx-home .phx-btn svg{
    width:19px;
    height:19px;
    stroke-width:1.7;
}

.phx-route .phx-btn{
    justify-content:space-between;
    white-space:nowrap;
}

.phx-route .phx-btn>span:first-child{
    white-space:nowrap;
}

/* 教程区：减少大面积装饰 */
.phx-help{
    margin-top:24px;
    padding:28px;
    border:1px solid #f0d6c4;
    border-radius:18px;
    background:#fffaf4;
    box-shadow:none;
}

.phx-help-heading{
    max-width:660px;
    margin-inline:auto;
}

.phx-home .phx-help-heading h2{
    margin-bottom:10px;
    color:#542a16;
    font-size:25px;
    font-weight:700;
    line-height:1.35;
    letter-spacing:-.03em;
}

.phx-help-heading p{
    color:#92705a;
    font-size:13px;
    line-height:1.7;
}

.phx-help-buttons{
    gap:12px;
    max-width:680px;
    margin-top:22px;
}

.phx-help-buttons .phx-btn{
    justify-content:flex-start;
    min-height:66px;
    padding:14px 20px;
    border-radius:12px;
    gap:13px;
}

.phx-help-buttons .phx-btn>svg{
    width:23px;
    height:23px;
}

.phx-button-copy{
    min-width:0;
}

.phx-button-copy strong{
    font-size:14px;
    font-weight:650;
    line-height:1.4;
}

.phx-button-copy small{
    margin-top:4px;
    font-size:11px;
    font-weight:400;
    line-height:1.4;
    opacity:.8;
}

/* Agent / App：横向信息卡，按钮统一对齐 */
.phx-service-grid{
    gap:16px;
    margin-top:24px;
}

.phx-service{
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    align-content:start;
    column-gap:14px;
    padding:22px;
    border:1px solid #f0dfd2;
    border-radius:14px;
    background:#fff;
}

.phx-service-icon{
    grid-column:1;
    grid-row:1 / 3;
    width:44px;
    height:44px;
    margin:0;
    border:1px solid #ffe0c8;
    border-radius:12px;
    background:#fff5eb;
}

.phx-service-icon svg{
    width:22px;
    height:22px;
    stroke-width:1.6;
}

.phx-home .phx-service h3{
    grid-column:2;
    margin:1px 0 7px;
    color:#542a16;
    font-size:20px;
    font-weight:700;
    line-height:1.3;
}

.phx-service p{
    grid-column:2;
    margin:0;
    color:#92705a;
    font-size:13px;
    line-height:1.7;
}

.phx-service .phx-btn{
    grid-column:2;
    justify-self:start;
    min-width:135px;
    margin-top:17px;
    padding:10px 17px;
    min-height:42px;
}

/* 后方图片区 */
.phx-artwork{
    border-color:#f0dfd2;
    border-radius:16px;
    box-shadow:none;
}

.phx-artwork h2{
    font-size:25px;
    font-weight:700;
}

/* 弹窗同步简化 */
.phx-dialog{
    border-color:#f0d6c4;
    border-radius:18px;
    background:#fffaf4;
}

.phx-dialog-header{
    background:#fff;
    border-bottom-color:#f2e2d6;
}

.phx-dialog-header h2{
    font-size:20px;
    font-weight:700;
}

.phx-close{
    background:#fff0e5;
    color:#d84b00;
    border-color:#ffe0ca;
    border-radius:10px;
}

.phx-device-heading h3{
    min-width:180px;
    background:#fff0c5;
    border-color:#f1d494;
    border-radius:10px;
    font-size:17px;
}

.phx-step{
    border-color:#f0dfd2;
    border-radius:12px;
    background:#fff;
}

.phx-step-label{
    border-radius:7px;
    background:#fff0c5;
    font-size:10px;
    font-weight:700;
}

.phx-step-image{
    border-color:#f3dfca;
    background:#fffaf4;
}

.phx-step h4{
    font-size:13px;
    font-weight:650;
}

.phx-step p{
    color:#92705a;
}

/* ===== Mobile ===== */
@media(max-width:800px){
    .phx-home{
        padding-top:14px;
    }

    .phx-home>.container{
        width:calc(100% - 32px);
    }

    .phx-intro{
        margin-bottom:14px;
    }

    .phx-home .phx-intro h1{
        font-size:23px;
        line-height:1.25;
    }

    .phx-routes{
        gap:9px;
    }

    .phx-route,
    .phx-route:first-child{
        display:grid;
        grid-template-columns:minmax(0,1fr) 112px;
        align-items:center;
        gap:10px;
        padding:13px;
        border-radius:13px;
    }

    .phx-route-top{
        margin-bottom:6px;
    }

    .phx-home .phx-route h2{
        margin:0;
        font-size:19px;
        line-height:1.2;
    }

    .phx-route .phx-btn{
        width:112px;
        min-height:42px;
        padding:10px 11px;
        border-radius:9px;
        font-size:12px;
        gap:5px;
        white-space:nowrap;
    }

    .phx-route .phx-btn svg{
        width:15px;
        height:15px;
    }

    .phx-help{
        margin-top:19px;
        padding:21px 16px;
        border-radius:16px;
    }

    .phx-home .phx-help-heading h2{
        max-width:290px;
        margin:0 auto 9px;
        font-size:21px;
        line-height:1.35;
    }

    .phx-help-heading p{
        max-width:310px;
        margin-inline:auto;
        font-size:12px;
        line-height:1.65;
    }

    /* 教程按钮竖排，让图标和文字充分舒展 */
    .phx-help-buttons{
        grid-template-columns:1fr;
        gap:10px;
        margin-top:19px;
    }

    .phx-help-buttons .phx-btn{
        position:relative;
        width:100%;
        min-height:62px;
        padding:12px 17px;
        gap:13px;
        border-radius:11px;
    }

    .phx-help-buttons .phx-btn::after{
        content:"";
        width:7px;
        height:7px;
        margin-left:auto;
        margin-right:3px;
        border-top:1.5px solid currentColor;
        border-right:1.5px solid currentColor;
        transform:rotate(45deg);
        opacity:.7;
        flex-shrink:0;
    }

    .phx-button-copy strong{
        font-size:14px;
        font-weight:650;
    }

    .phx-button-copy small{
        margin-top:3px;
        font-size:11px;
    }

    /* 服务卡片改为一列，消除狭窄长条 */
    .phx-service-grid{
        grid-template-columns:1fr;
        gap:12px;
        margin-top:20px;
    }

    .phx-service{
        grid-template-columns:42px minmax(0,1fr);
        gap:0 13px;
        padding:18px;
        border-radius:12px;
    }

    .phx-service-icon{
        width:42px;
        height:42px;
        border-radius:11px;
    }

    .phx-home .phx-service h3{
        margin:0 0 6px;
        font-size:19px;
    }

    .phx-service p{
        margin:0;
        font-size:12px;
        line-height:1.7;
    }

    .phx-service .phx-btn{
        width:auto;
        min-width:130px;
        min-height:39px;
        margin-top:14px;
        padding:9px 15px;
        font-size:12px;
        border-radius:9px;
    }

    .phx-artwork{
        padding:17px;
    }

    .phx-dialog-header h2{
        font-size:18px;
    }
}

@media(max-width:360px){
    .phx-home>.container{
        width:calc(100% - 24px);
    }

    .phx-home .phx-intro h1{
        font-size:21px;
    }

    .phx-route,
    .phx-route:first-child{
        grid-template-columns:minmax(0,1fr) 101px;
        padding:11px;
        gap:7px;
    }

    .phx-home .phx-route h2{
        font-size:16px;
    }

    .phx-route .phx-btn{
        width:101px;
        font-size:11px;
        padding:10px;
    }

    .phx-help{
        padding:19px 13px;
    }
}

@media(prefers-reduced-motion:reduce){
    .phx-home .phx-btn{
        transition:none;
    }
}