
/* 设计哲学：校园新中式影棚纪实。此 CSS 以晨雾米白、松墨青、胶片琥珀、珊瑚朱构成“爱琴岛旅行”原创影像社区视觉系统；布局避免模板化居中，强调斜向影棚动线、胶片齿孔、场记板与轻量交互。 */
:root{--ivory:#f7f1e6;--ivory-2:#fffaf0;--pine:#173f36;--pine-2:#28564b;--ink:#182520;--muted:#6f786e;--amber:#d49834;--coral:#e85f45;--paper:#fbf6ea;--line:rgba(23,63,54,.18);--shadow:0 24px 80px rgba(23,63,54,.14);--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 8% 3%,rgba(212,152,52,.16),transparent 25rem),linear-gradient(110deg,#f8f0df 0%,#fffaf0 43%,#eef1e6 100%);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height:1.72}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input{font:inherit}.site-header{position:sticky;top:0;z-index:30;background:rgba(247,241,230,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.topbar{display:flex;align-items:center;gap:22px;justify-content:space-between;padding:14px clamp(16px,4vw,52px)}.brand-lockup{display:flex;align-items:center;gap:12px;min-width:220px}.brand-lockup img{width:68px;height:68px;border-radius:18px;box-shadow:0 12px 28px rgba(23,63,54,.16)}.brand-lockup strong{display:block;font-size:28px;letter-spacing:.12em;color:var(--pine);font-family:Georgia,"Songti SC",serif}.brand-lockup em{display:block;font-style:normal;font-size:12px;color:var(--muted);letter-spacing:.08em}.main-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.main-nav a{padding:10px 13px;border:1px solid transparent;border-radius:999px;color:#31584e;font-weight:700;font-size:14px}.main-nav a:hover,.main-nav a.active{background:#fff7e7;border-color:rgba(212,152,52,.45);color:var(--pine);box-shadow:0 8px 20px rgba(212,152,52,.16)}.search-belt{display:grid;grid-template-columns:minmax(260px,680px) 1fr;gap:16px;align-items:center;padding:0 clamp(16px,4vw,52px) 18px}.search-form{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px;background:rgba(255,250,240,.72);border:1px solid var(--line);border-radius:999px}.search-form label{font-weight:800;color:var(--pine);padding-left:12px}.search-form input{border:0;outline:0;background:transparent;min-width:0;padding:10px;color:var(--ink)}.search-form button,.cta,.ghost-cta,.share-actions button,.mcp-widget button{border:0;background:var(--pine);color:#fff7e7;padding:11px 18px;border-radius:999px;font-weight:800;box-shadow:0 10px 24px rgba(23,63,54,.2);transition:.18s ease}.search-form button:hover,.cta:hover,.share-actions button:hover,.mcp-widget button:hover{transform:translateY(-2px);background:#0f3029}.search-status{margin:0;color:var(--muted);font-size:13px}.hero{display:grid;grid-template-columns:minmax(280px,.88fr) minmax(340px,1.12fr);gap:32px;align-items:center;padding:56px clamp(16px,4vw,52px) 34px}.hero-copy{position:relative;z-index:1}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--coral);font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero h1{font-size:clamp(38px,6vw,74px);line-height:1.05;margin:16px 0 20px;color:var(--pine);letter-spacing:.04em;font-family:Georgia,"Songti SC",serif}.hero h1 span{display:block;color:#7a4a15}.lead{font-size:clamp(17px,2.4vw,22px);color:#30443e;max-width:680px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0}.ghost-cta{background:transparent;color:var(--pine);border:1px solid rgba(23,63,54,.25);box-shadow:none}.hero-tags,.tag-row{display:flex;gap:8px;flex-wrap:wrap}.hero-tags span,.tag-row span,.breadcrumb a,.breadcrumb span{border:1px solid rgba(23,63,54,.16);background:rgba(255,250,240,.7);padding:7px 11px;border-radius:999px;font-size:13px;color:#31584e}.hero-stage{position:relative}.hero-stage:before{content:"";position:absolute;inset:24px -12px -18px 32px;border:2px dashed rgba(212,152,52,.38);border-radius:34px;z-index:0}.hero-stage img{position:relative;border-radius:34px;box-shadow:var(--shadow);aspect-ratio:16/9;object-fit:cover}.hero-card{position:absolute;left:-22px;bottom:22px;z-index:2;background:rgba(255,250,240,.86);border:1px solid rgba(255,255,255,.75);backdrop-filter:blur(14px);border-radius:22px;padding:16px 18px;box-shadow:0 18px 52px rgba(23,63,54,.18)}.hero-card strong{display:block;color:var(--pine);font-size:24px}.film-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px clamp(16px,4vw,52px)}.metric{background:linear-gradient(180deg,rgba(255,250,240,.9),rgba(247,241,230,.75));border:1px solid var(--line);border-radius:24px;padding:20px;position:relative;overflow:hidden}.metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:repeating-linear-gradient(to bottom,var(--amber) 0 8px,transparent 8px 15px)}.metric b{display:block;color:var(--pine);font-size:28px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.section{padding:58px clamp(16px,4vw,52px)}.section.alt{background:linear-gradient(115deg,rgba(23,63,54,.06),rgba(212,152,52,.08));border-block:1px solid var(--line)}.section-head{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(280px,1.25fr);gap:28px;align-items:end;margin-bottom:28px}.section-kicker{font-weight:900;color:var(--coral);letter-spacing:.16em}.section h2{font-size:clamp(28px,4vw,48px);line-height:1.12;color:var(--pine);margin:8px 0 0;font-family:Georgia,"Songti SC",serif}.section h3{color:var(--pine);font-size:22px;margin:0 0 10px}.section h4{color:#754915;margin:0 0 8px}.section h5,.section h6{color:var(--pine);font-size:16px;margin:12px 0 6px}.section p{color:#3f4f48}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.media-grid.compact{grid-template-columns:repeat(2,minmax(260px,1fr));max-width:980px}.video-card{position:relative;border-radius:var(--radius);overflow:hidden;background:#0e1c18;min-height:300px;box-shadow:var(--shadow);isolation:isolate;cursor:pointer;transition:.22s ease}.video-card:nth-child(2n){transform:translateY(18px)}.video-card:hover{transform:translateY(-4px) scale(1.012)}.video-card:nth-child(2n):hover{transform:translateY(10px) scale(1.012)}.video-card video{width:100%;height:100%;min-height:300px;object-fit:cover;opacity:.78;display:block}.video-card .play{position:absolute;inset:auto 18px 18px auto;width:58px;height:58px;border-radius:50%;background:rgba(232,95,69,.94);color:white;display:grid;place-items:center;font-size:24px;box-shadow:0 12px 35px rgba(0,0,0,.3);opacity:.88;transition:.18s}.video-card:hover .play{opacity:1;transform:scale(1.1)}.video-info{position:absolute;left:0;right:0;bottom:0;padding:70px 18px 18px;background:linear-gradient(transparent,rgba(13,28,24,.9));color:white}.video-info h3{color:white;font-size:20px}.video-info p{color:#f4ead7;font-size:14px}.stats{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#ffe3b5}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.expert-card,.review-card,.tool-card,.faq details,.contact-card{background:rgba(255,250,240,.78);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 14px 45px rgba(23,63,54,.08)}.card.feature{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.card img,.contact-card img{border-radius:20px;object-fit:cover}.timeline{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;counter-reset:step}.timeline article{position:relative;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:26px}.timeline article:before{counter-increment:step;content:"0" counter(step);display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--pine);color:#fff7e7;font-weight:900;margin-bottom:14px}.expert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.expert-card small{display:block;color:var(--muted)}.expert-actions{display:flex;gap:10px;margin-top:14px}.expert-actions a{padding:8px 12px;border-radius:999px;background:rgba(212,152,52,.15);color:#6e4210;font-weight:800;font-size:13px}.logo-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.logo-wall span{display:grid;place-items:center;min-height:72px;border-radius:20px;border:1px solid var(--line);background:rgba(255,250,240,.7);font-family:Georgia,"Songti SC",serif;font-weight:900;color:var(--pine)}.howto-faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}.steps{display:grid;gap:14px}.step{padding:18px;border-radius:20px;background:linear-gradient(135deg,#fff7e7,#eff2e8);border:1px solid var(--line)}.faq{display:grid;gap:12px}.faq summary{cursor:pointer;font-weight:900;color:var(--pine)}.faq p{margin-bottom:0}.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.contact-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;margin:16px 0;list-style:none}.contact-list li{padding:12px;border-radius:16px;background:rgba(23,63,54,.06)}.qr-mini{display:flex;gap:16px}.qr-mini figure{margin:0;max-width:150px}.qr-mini figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:6px}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-card blockquote{margin:0;color:#2c413a}.review-card cite{display:block;margin-top:14px;color:var(--muted);font-style:normal}.share-panel{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:#173f36;color:#fff7e7;border-radius:34px;padding:28px;overflow:hidden;position:relative}.share-panel:after{content:"爱琴岛旅行";position:absolute;right:24px;bottom:-42px;font-size:110px;color:rgba(255,255,255,.06);font-family:Georgia,"Songti SC",serif}.share-panel h2,.share-panel p{color:#fff7e7}.share-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.share-actions button{background:#fff7e7;color:var(--pine)}.breadcrumb{display:flex;gap:8px;flex-wrap:wrap;padding:26px clamp(16px,4vw,52px) 0}.page-hero{padding:42px clamp(16px,4vw,52px);display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.page-hero h1{font-size:clamp(34px,5vw,60px);color:var(--pine);font-family:Georgia,"Songti SC",serif;line-height:1.1}.page-hero img{border-radius:34px;box-shadow:var(--shadow)}.article-list{display:grid;gap:18px}.article-list article{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:22px;border-radius:24px;background:rgba(255,250,240,.78);border:1px solid var(--line)}.article-list b{font-size:28px;color:var(--amber);font-family:ui-monospace,monospace}.site-footer{background:#102d27;color:#f7f1e6;padding:46px clamp(16px,4vw,52px) 24px}.site-footer h2,.site-footer h3{color:#fff7e7}.site-footer p,.site-footer small,.site-footer a{color:#d9d0bf}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:24px}.footer-logo{width:92px;border-radius:22px;margin-bottom:12px}.qr-row{display:flex;gap:16px}.qr-row figure{margin:0}.qr-row img{width:132px;border-radius:14px;background:#f7f1e6;padding:8px}.qr-row figcaption{font-size:12px;text-align:center;margin-top:6px}.mcp-widget{padding:20px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(255,255,255,.06)}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:28px;padding-top:18px;display:flex;gap:18px;flex-wrap:wrap}.hidden-json{display:none!important}@media (max-width:1100px){.hero,.section-head,.page-hero,.howto-faq,.contact-grid,.footer-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}.expert-grid,.card-grid,.reviews,.film-strip{grid-template-columns:repeat(2,1fr)}.card.feature{grid-column:auto;grid-template-columns:1fr}.logo-wall{grid-template-columns:repeat(3,1fr)}}@media (max-width:720px){.topbar{align-items:flex-start;flex-direction:column}.main-nav{justify-content:flex-start}.search-belt,.search-form{grid-template-columns:1fr}.hero{padding-top:34px}.hero-card{position:static;margin-top:12px}.film-strip,.media-grid,.expert-grid,.card-grid,.timeline,.reviews,.contact-list,.logo-wall{grid-template-columns:1fr}.video-card:nth-child(2n){transform:none}.share-panel{grid-template-columns:1fr}.article-list article{grid-template-columns:1fr}.qr-row,.qr-mini{flex-wrap:wrap}.section{padding-block:42px}.hero h1{font-size:40px}}
