{"id":642,"date":"2025-12-23T10:33:19","date_gmt":"2025-12-23T02:33:19","guid":{"rendered":"https:\/\/xn--allinone-6s9ny2y86kkj9i9xgs9e.com\/?page_id=642"},"modified":"2025-12-23T10:48:39","modified_gmt":"2025-12-23T02:48:39","slug":"%e9%97%9c%e6%96%bc%e6%88%91","status":"publish","type":"page","link":"https:\/\/xn--allinone-6s9ny2y86kkj9i9xgs9e.com\/?page_id=642","title":{"rendered":"\u95dc\u65bc\u6211"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"642\" class=\"elementor elementor-642\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c378bd4 e-con-full e-flex e-con e-parent\" data-id=\"c378bd4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-527dc7e elementor-widget elementor-widget-html\" data-id=\"527dc7e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \r\n  \u3010WordPress \u5c08\u7528\u7248 - \u83ab\u862d\u8fea\u7da0\u914d\u8272\u3011\r\n  \u8aaa\u660e\uff1a\r\n  1. \u300c\u95dc\u65bc\u6211\u300d\u6587\u6848\u5df2\u6f64\u98fe\uff0c\u66f4\u5177\u60c5\u611f\u8207\u6545\u4e8b\u6027\u3002\r\n  2. \u5df2\u66f4\u65b0\u5716\u7247\uff1aIMG-2111 \u7528\u65bc\u500b\u4eba\u4ecb\u7d39\uff0cIMG-0962 \u52a0\u5165\u4f5c\u54c1\u96c6\u3002\r\n-->\r\n\r\n<style>\r\n  \/* 1. \u5f15\u5165\u5b57\u9ad4 *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+TC:wght@300;400;600&family=Noto+Sans+TC:wght@300;400;500&display=swap');\r\n\r\n  \/* 2. \u57fa\u790e\u8b8a\u6578\u8207\u8a2d\u5b9a *\/\r\n  :root {\r\n    \/* \u80cc\u666f\uff1a\u7070\u7da0\u611f\u7684\u83ab\u862d\u8fea\u8272 *\/\r\n    --bg-color: #E8EBE8;      \r\n    \r\n    \/* \u6587\u5b57\uff1a\u6df1\u7070\u7da0\u8272\u8abf *\/\r\n    --text-main: #2F3E46;     \r\n    --text-muted: #52796F;    \r\n    \r\n    --accent-color: #354F52;\r\n    --font-serif: 'Noto Serif TC', serif;\r\n    --font-sans: 'Noto Sans TC', sans-serif;\r\n  }\r\n\r\n  \/* \u5916\u5c64\u5bb9\u5668 *\/\r\n  .emily-portfolio-wrapper {\r\n    background-color: var(--bg-color);\r\n    color: var(--text-main);\r\n    font-family: var(--font-sans);\r\n    line-height: 1.8; \/* \u7a0d\u5fae\u589e\u52a0\u884c\u9ad8\uff0c\u63d0\u5347\u95b1\u8b80\u8212\u9069\u5ea6 *\/\r\n    overflow-x: hidden;\r\n    margin: 0;\r\n    padding: 0;\r\n    width: 100%;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n  }\r\n  \r\n  .emily-portfolio-wrapper * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* --- \u901a\u7528\u5de5\u5177\u985e --- *\/\r\n  .emily-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n  }\r\n\r\n  .emily-portfolio-wrapper h1, \r\n  .emily-portfolio-wrapper h2, \r\n  .emily-portfolio-wrapper h3, \r\n  .emily-portfolio-wrapper h4 {\r\n    font-family: var(--font-serif);\r\n    margin: 0;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .emily-portfolio-wrapper img {\r\n    max-width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    margin: 0;\r\n  }\r\n\r\n  .emily-portfolio-wrapper a {\r\n    text-decoration: none;\r\n    color: inherit;\r\n    transition: opacity 0.3s;\r\n  }\r\n  .emily-portfolio-wrapper a:hover { opacity: 0.7; }\r\n\r\n  \/* --- \u52d5\u756b\u6548\u679c --- *\/\r\n  .fade-in-section {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition: opacity 0.8s ease-out, transform 0.8s ease-out;\r\n  }\r\n  .fade-in-section.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* --- \u5c0e\u822a\u5217 --- *\/\r\n  .emily-nav {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    padding: 20px 40px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    z-index: 9999;\r\n    color: white;\r\n    mix-blend-mode: difference;\r\n    pointer-events: none;\r\n  }\r\n  .emily-nav a, .emily-nav div {\r\n    pointer-events: auto;\r\n  }\r\n  \r\n  .emily-logo {\r\n    font-size: 1.25rem;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n  }\r\n  .emily-menu {\r\n    display: none;\r\n  }\r\n  @media (min-width: 768px) {\r\n    .emily-menu {\r\n      display: flex;\r\n      gap: 30px;\r\n      font-size: 0.9rem;\r\n      letter-spacing: 0.1em;\r\n    }\r\n  }\r\n\r\n  \/* --- Hero Section (\u9996\u9801) --- *\/\r\n  .emily-hero {\r\n    position: relative;\r\n    height: 100vh;\r\n    min-height: 600px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    text-align: center;\r\n    color: white;\r\n  }\r\n  .emily-hero-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 120%;\r\n    object-fit: cover;\r\n    z-index: 0;\r\n    filter: brightness(0.85);\r\n    transition: transform 0.1s linear;\r\n  }\r\n  .emily-hero-content {\r\n    position: relative;\r\n    z-index: 10;\r\n    padding: 20px;\r\n  }\r\n  .emily-hero-subtitle {\r\n    font-size: 0.9rem;\r\n    letter-spacing: 0.3em;\r\n    text-transform: uppercase;\r\n    margin-bottom: 20px;\r\n    opacity: 0;\r\n    animation: emilyFadeInDown 1s ease-out forwards 0.2s;\r\n  }\r\n  .emily-hero-title {\r\n    font-size: 3rem;\r\n    letter-spacing: 0.05em;\r\n    margin-bottom: 20px;\r\n    opacity: 0;\r\n    animation: emilyFadeInUp 1s ease-out forwards 0.5s;\r\n  }\r\n  @media (min-width: 768px) {\r\n    .emily-hero-title { font-size: 4.5rem; }\r\n  }\r\n  .emily-hero-text {\r\n    font-size: 1.1rem;\r\n    letter-spacing: 0.2em;\r\n    opacity: 0.8;\r\n    animation: emilyFadeInUp 1s ease-out forwards 0.8s;\r\n    opacity: 0;\r\n  }\r\n  \r\n  .scroll-indicator {\r\n    position: absolute;\r\n    bottom: 40px;\r\n    z-index: 10;\r\n    color: white;\r\n    opacity: 0.7;\r\n    animation: emilyBounce 2s infinite;\r\n  }\r\n\r\n  \/* --- About Section --- *\/\r\n  .emily-about {\r\n    padding: 100px 0;\r\n  }\r\n  .emily-about-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 60px;\r\n    align-items: center;\r\n  }\r\n  @media (min-width: 768px) {\r\n    .emily-about-grid { grid-template-columns: 1fr 1fr; }\r\n  }\r\n  .emily-about-img-wrap {\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: #CAD2C5;\r\n    aspect-ratio: 3\/4;\r\n  }\r\n  .emily-about-img-wrap img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 1s ease;\r\n  }\r\n  .emily-about-img-wrap:hover img {\r\n    transform: scale(1.05);\r\n  }\r\n  .emily-about-text h3 {\r\n    font-size: 2rem;\r\n    margin-bottom: 30px;\r\n    line-height: 1.4;\r\n    color: var(--text-main);\r\n  }\r\n  .emily-about-text p {\r\n    color: var(--text-muted);\r\n    margin-bottom: 24px;\r\n    text-align: justify;\r\n    font-weight: 300;\r\n  }\r\n  .emily-quote {\r\n    border-left: 4px solid #84A98C;\r\n    padding-left: 20px;\r\n    font-style: italic;\r\n    color: var(--text-main);\r\n    margin-top: 35px;\r\n    background: rgba(132, 169, 140, 0.15);\r\n    padding: 20px;\r\n    border-radius: 0 4px 4px 0;\r\n  }\r\n\r\n  \/* --- Philosophy Section --- *\/\r\n  .emily-philosophy {\r\n    padding: 120px 0;\r\n    background-color: #2F3E46;\r\n    color: #F0F2F0;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .emily-glow {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(80px);\r\n    opacity: 0.2;\r\n  }\r\n  .glow-1 { top: 0; right: 0; width: 300px; height: 300px; background: #52796F; }\r\n  .glow-2 { bottom: 0; left: 0; width: 400px; height: 400px; background: #354F52; }\r\n\r\n  .emily-philosophy-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n  }\r\n  .emily-philosophy h2 {\r\n    font-size: 2rem;\r\n    margin-bottom: 40px;\r\n    line-height: 1.4;\r\n  }\r\n  @media (min-width: 768px) {\r\n    .emily-philosophy h2 { font-size: 3rem; }\r\n  }\r\n  .highlight-text {\r\n    color: #A3C9A8;\r\n  }\r\n\r\n  \/* --- Gallery Section --- *\/\r\n  .emily-gallery {\r\n    padding: 100px 0;\r\n  }\r\n  .section-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n  }\r\n  .section-tag {\r\n    color: var(--text-muted);\r\n    letter-spacing: 0.1em;\r\n    font-size: 0.85rem;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    display: block;\r\n    margin-bottom: 10px;\r\n  }\r\n  .section-title {\r\n    font-size: 2.5rem;\r\n    color: var(--text-main);\r\n  }\r\n\r\n  .gallery-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n  @media (min-width: 768px) {\r\n    .gallery-grid {\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 60px;\r\n    }\r\n    .gallery-item:nth-child(even) {\r\n      margin-top: 80px; \r\n    }\r\n  }\r\n  .gallery-img-box {\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    margin-bottom: 20px;\r\n    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.05);\r\n    padding: 10px;\r\n  }\r\n  .gallery-img-box img {\r\n    width: 100%;\r\n    height: auto;\r\n    transition: transform 0.7s ease;\r\n  }\r\n  .gallery-img-box:hover img {\r\n    transform: scale(1.02);\r\n  }\r\n  .gallery-info {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: baseline;\r\n    margin-bottom: 10px;\r\n    padding: 0 5px;\r\n  }\r\n  .gallery-title { font-size: 1.25rem; font-family: var(--font-serif); color: var(--text-main); }\r\n  .gallery-year { font-size: 0.85rem; color: var(--text-muted); }\r\n  .gallery-desc { font-size: 0.9rem; color: var(--text-muted); padding: 0 5px; }\r\n\r\n  \/* --- Footer --- *\/\r\n  .emily-footer {\r\n    border-top: 1px solid #CAD2C5;\r\n    padding: 80px 20px 40px;\r\n    text-align: center;\r\n    background-color: var(--bg-color);\r\n  }\r\n  .footer-icons {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 20px;\r\n    margin: 40px 0;\r\n  }\r\n  .icon-btn {\r\n    width: 50px;\r\n    height: 50px;\r\n    background: white;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 2px 5px rgba(0,0,0,0.05);\r\n    transition: all 0.3s;\r\n    color: var(--text-muted);\r\n  }\r\n  .icon-btn:hover {\r\n    box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n    color: var(--accent-color);\r\n    transform: translateY(-2px);\r\n  }\r\n  .copyright {\r\n    font-size: 0.75rem;\r\n    color: var(--text-muted);\r\n    letter-spacing: 0.05em;\r\n  }\r\n\r\n  \/* Keyframes *\/\r\n  @keyframes emilyFadeInUp {\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n  @keyframes emilyFadeInDown {\r\n    from { opacity: 0; transform: translateY(-20px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n  @keyframes emilyBounce {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(10px); }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"emily-portfolio-wrapper\">\r\n\r\n  <!-- \u5c0e\u822a -->\r\n  <nav class=\"emily-nav\">\r\n    <div class=\"emily-logo\">Allinone<\/div>\r\n    <div class=\"emily-menu\">\r\n      <a href=\"#about\">\u95dc\u65bc<\/a>\r\n      <a href=\"#gallery\">\u4f5c\u54c1<\/a>\r\n      <a href=\"#contact\">\u806f\u7d61<\/a>\r\n    <\/div>\r\n  <\/nav>\r\n\r\n  <!-- Hero Section (\u9996\u9801) -->\r\n  <header class=\"emily-hero\">\r\n    <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/4wPgzd9W\/IMG-5287.jpg\" alt=\"Alcohol Ink Art\" class=\"emily-hero-bg\" id=\"hero-bg\">\r\n    \r\n    <div class=\"emily-hero-content\">\r\n      <div class=\"emily-hero-subtitle\">Alcohol Ink Art<\/div>\r\n      <h1 class=\"emily-hero-title\">EMILY \u5728\u8272\u5f69\u767c\u73fe<\/h1>\r\n      <p class=\"emily-hero-text\">\u6d41\u52d5 \u2022 \u7642\u7652 \u2022 \u91cb\u653e<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"scroll-indicator\">\r\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 5v14M19 12l-7 7-7-7\"\/><\/svg>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- About Section -->\r\n  <section id=\"about\" class=\"emily-about\">\r\n    <div class=\"emily-container\">\r\n      <div class=\"emily-about-grid\">\r\n        <!-- \u5de6\u5074\u5716\u7247\uff1a\u5df2\u66f4\u65b0\u70ba\u65b0\u63d0\u4f9b\u7684\u7167\u7247 IMG-2111 -->\r\n        <div class=\"fade-in-section\">\r\n          <div class=\"emily-about-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/rRf5qjMs\/IMG-2111.jpg\" alt=\"Emily Artist\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u53f3\u5074\u6587\u5b57\uff1a\u5df2\u6f64\u98fe\u70ba\u66f4\u611f\u6027\u7684\u7248\u672c -->\r\n        <div class=\"emily-about-text\">\r\n          <div class=\"fade-in-section\">\r\n            <h3>\u5f9e\u6578\u5b57\u7684\u7cbe\u7b97<br>\u5230\u8272\u5f69\u7684\u91cb\u653e<\/h3>\r\n          <\/div>\r\n          <div class=\"fade-in-section\" style=\"transition-delay: 0.2s;\">\r\n            <p>\u904e\u53bb\uff0c\u6211\u662f\u7a7f\u68ad\u65bc\u6578\u5b57\u4e4b\u9593\u7684\u8ca1\u52d9\u898f\u5283\u5e2b\uff0c\u7fd2\u6163\u4ee5\u7406\u6027\u7684\u7d93\u7def\u5ea6\uff0c\u7cbe\u78ba\u5c0e\u822a\u4eba\u751f\u7684\u65b9\u5411\u3002\u7136\u800c\uff0c\u5728\u8ffd\u6c42\u6548\u7387\u8207\u5b8c\u7f8e\u7684\u9699\u7e2b\u4e2d\uff0c\u6211\u6f38\u6f38\u907a\u5fd8\u4e86\u50be\u807d\u5167\u5fc3\u771f\u5be6\u7684\u8072\u97f3\u3002<\/p>\r\n            <p>\u75ab\u60c5\u8b93\u4e16\u754c\u6309\u4e0b\u4e86\u66ab\u505c\u9375\uff0c\u4e5f\u8b93\u6211\u62fe\u8d77\u4e86\u756b\u7b46\u3002\u8d77\u521d\u53ea\u662f\u4e00\u5834\u8207\u81ea\u5df1\u7684\u7368\u8655\u7df4\u7fd2\uff0c\u537b\u5728\u9152\u7cbe\u58a8\u6c34\u7684\u6688\u67d3\u9593\uff0c\u610f\u5916\u9047\u898b\u4e86\u672a\u66fe\u8b00\u9762\u7684\u81ea\u5df1\u3002\u6c92\u6709\u7d55\u5c0d\u7684\u908a\u754c\uff0c\u6c92\u6709\u9810\u8a2d\u7684\u7d42\u9ede\uff0c\u58a8\u6c34\u5728\u7d19\u4e0a\u81ea\u7531\u6d41\u6dcc\uff0c\u5982\u540c\u751f\u547d\u4e2d\u90a3\u4e9b\u7121\u6cd5\u88ab\u8a08\u7b97\u7684\u7f8e\u597d\u77ac\u9593\u3002<\/p>\r\n            <div class=\"emily-quote\">\r\n              \u300c\u9152\u7cbe\u58a8\u6c34\u6700\u8ff7\u4eba\u4e4b\u8655\uff0c\u5728\u65bc\u5b83\u7684\u300e\u5931\u63a7\u300f\u3002\u5b83\u6559\u6703\u6211\u653e\u4e0b\u57f7\u8457\uff0c\u96a8\u98a8\u6d41\u52d5\uff0c\u5728\u672a\u77e5\u7684\u6688\u67d3\u4e2d\uff0c\u770b\u898b\u751f\u547d\u6700\u771f\u5be6\u7684\u98a8\u666f\u3002\u300d\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Philosophy Section -->\r\n  <section class=\"emily-philosophy\">\r\n    <div class=\"emily-glow glow-1\"><\/div>\r\n    <div class=\"emily-glow glow-2\"><\/div>\r\n    \r\n    <div class=\"emily-philosophy-content\">\r\n      <div class=\"fade-in-section\">\r\n        <h2>\"\u8b93\u5fc3\u9748\u56de\u6b78<br><span class=\"highlight-text\">\u6700\u521d\u7684\u7d14\u7cb9<\/span>\"<\/h2>\r\n      <\/div>\r\n      <div class=\"fade-in-section\" style=\"transition-delay: 0.2s;\">\r\n        <p>\u85dd\u8853\u4e0d\u50c5\u662f\u5275\u4f5c\uff0c\u66f4\u662f\u4e00\u5834\u6eab\u67d4\u7684\u7642\u7652\u3002\u7576\u6211\u5011\u9858\u610f\u63a5\u7d0d\u751f\u547d\u4e2d\u7684\u6df7\u4e82\u8207\u4e0d\u5b8c\u7f8e\uff0c\u5149\u4fbf\u6703\u900f\u9032\u4f86\u3002<\/p>\r\n        <p style=\"margin-top: 15px;\">\u5728\u8272\u5f69\u7684\u4ea4\u878d\u4e2d\uff0c\u6211\u5011\u5b78\u6703\u4e86\u8207\u81ea\u5df1\u548c\u89e3\uff0c\u627e\u56de\u5167\u5728\u5e73\u975c\u7684\u7bc0\u594f\u3002<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Gallery Section -->\r\n  <section id=\"gallery\" class=\"emily-gallery\">\r\n    <div class=\"emily-container\">\r\n      <div class=\"section-header fade-in-section\">\r\n        <span class=\"section-tag\">Gallery<\/span>\r\n        <h3 class=\"section-title\">\u9047\u898b\u8272\u5f69<\/h3>\r\n      <\/div>\r\n\r\n      <div class=\"gallery-grid\">\r\n        <!-- \u4f5c\u54c1 1: IMG-2093 (\u7dbb\u653e) -->\r\n        <div class=\"gallery-item fade-in-section\">\r\n          <div class=\"gallery-img-box\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/BYHM96T\/IMG-2093.jpg\" alt=\"Bloom\">\r\n          <\/div>\r\n          <div class=\"gallery-info\">\r\n            <span class=\"gallery-title\">\u7dbb\u653e (Bloom)<\/span>\r\n            <span class=\"gallery-year\">2024<\/span>\r\n          <\/div>\r\n          <p class=\"gallery-desc\">\u6355\u6349\u82b1\u6735\u76db\u958b\u7684\u5be7\u975c\u77ac\u9593\uff0c\u7d50\u5408\u7acb\u9ad4\u82b1\u98fe\u8207\u6d41\u52d5\u58a8\u6c34\u3002<\/p>\r\n        <\/div>\r\n\r\n        <!-- \u4f5c\u54c1 2: IMG-5287 (\u661f\u6cb3\/Galaxy) -->\r\n        <div class=\"gallery-item fade-in-section\" style=\"transition-delay: 0.2s;\">\r\n          <div class=\"gallery-img-box\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/4wPgzd9W\/IMG-5287.jpg\" alt=\"Galaxy\">\r\n          <\/div>\r\n          <div class=\"gallery-info\">\r\n            <span class=\"gallery-title\">\u661f\u6cb3 (Galaxy)<\/span>\r\n            <span class=\"gallery-year\">2024<\/span>\r\n          <\/div>\r\n          <p class=\"gallery-desc\">\u91d1\u8207\u85cd\u7684\u4ea4\u7e54\uff0c\u5982\u540c\u6df1\u591c\u661f\u7a7a\u822c\u6df1\u9083\u4e14\u9583\u8000\u3002<\/p>\r\n        <\/div>\r\n\r\n        <!-- \u4f5c\u54c1 3: IMG-1885 (\u79d8\u5883) -->\r\n        <div class=\"gallery-item fade-in-section\">\r\n          <div class=\"gallery-img-box\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/5WKqQYQD\/IMG-1885.jpg\" alt=\"Mystic\">\r\n          <\/div>\r\n          <div class=\"gallery-info\">\r\n            <span class=\"gallery-title\">\u79d8\u5883 (Mystic)<\/span>\r\n            <span class=\"gallery-year\">2024<\/span>\r\n          <\/div>\r\n          <p class=\"gallery-desc\">\u8272\u5f69\u7684\u81ea\u7531\u6d41\u52d5\uff0c\u5275\u9020\u51fa\u7121\u6cd5\u9810\u6e2c\u7684\u795e\u79d8\u7d0b\u7406\u3002<\/p>\r\n        <\/div>\r\n\r\n        <!-- \u4f5c\u54c1 4: \u5df2\u66f4\u65b0\u70ba\u65b0\u63d0\u4f9b\u7684\u7167\u7247 IMG-0962 (\u5fae\u5149) -->\r\n        <div class=\"gallery-item fade-in-section\" style=\"transition-delay: 0.2s;\">\r\n          <div class=\"gallery-img-box\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/DHLwfrkh\/IMG-0962.jpg\" alt=\"Glimmer\">\r\n          <\/div>\r\n          <div class=\"gallery-info\">\r\n            <span class=\"gallery-title\">\u5fae\u5149 (Glimmer)<\/span>\r\n            <span class=\"gallery-year\">2024<\/span>\r\n          <\/div>\r\n          <p class=\"gallery-desc\">\u5728\u5149\u5f71\u7684\u6298\u5c04\u9593\uff0c\u770b\u898b\u4e86\u7d30\u5fae\u537b\u6eab\u6696\u7684\u5e0c\u671b\u3002<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div style=\"text-align: center; margin-top: 50px; color: var(--text-muted); font-style: italic;\">\r\n        \u66f4\u591a\u5275\u4f5c\u9678\u7e8c\u66f4\u65b0\u4e2d...\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Footer -->\r\n  <footer id=\"contact\" class=\"emily-footer\">\r\n    <div class=\"emily-container\">\r\n      <div class=\"fade-in-section\">\r\n        <h2 style=\"font-family: var(--font-serif); font-size: 2rem; margin-bottom: 20px;\">Allinone<\/h2>\r\n        <p style=\"max-width: 500px; margin: 0 auto; color: var(--text-muted);\">Allinone\uff0c\u662f\u6211\u5fc3\u4e2d\u300c\u5408\u4e00\u300d\u7684\u5be6\u8e10\u3002\u5728\u89ba\u5bdf\u4e2d\u5275\u9020\uff0c\u8b93\u9748\u611f\u6210\u70ba\u65e5\u5e38\uff0c\u627e\u56de\u5167\u5728\u7684\u7bc0\u594f\u3002<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"footer-icons fade-in-section\" style=\"transition-delay: 0.2s;\">\r\n        <a href=\"#\" class=\"icon-btn\" title=\"Instagram\">\r\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line><\/svg>\r\n        <\/a>\r\n        <a href=\"#\" class=\"icon-btn\" title=\"Facebook\">\r\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"><\/path><\/svg>\r\n        <\/a>\r\n        <a href=\"mailto:emily@example.com\" class=\"icon-btn\" title=\"Email\">\r\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"copyright\">\r\n        &copy; <script>document.write(new Date().getFullYear())<\/script> EMILY ALLINONE. All Rights Reserved.\r\n      <\/div>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  \r\n  \/\/ 1. \u8996\u5dee\u6efe\u52d5\u6548\u679c\r\n  const heroBg = document.getElementById('hero-bg');\r\n  window.addEventListener('scroll', function() {\r\n    let scrollPosition = window.pageYOffset;\r\n    if(heroBg && scrollPosition < window.innerHeight) {\r\n      heroBg.style.transform = 'translateY(' + scrollPosition * 0.5 + 'px)';\r\n    }\r\n  });\r\n\r\n  \/\/ 2. \u5143\u7d20\u6de1\u5165\u6548\u679c\r\n  const observerOptions = {\r\n    root: null,\r\n    rootMargin: '0px',\r\n    threshold: 0.1\r\n  };\r\n\r\n  const observer = new IntersectionObserver((entries, observer) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('is-visible');\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, observerOptions);\r\n\r\n  const fadeElements = document.querySelectorAll('.fade-in-section');\r\n  fadeElements.forEach(el => {\r\n    observer.observe(el);\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Allinone \u95dc\u65bc \u4f5c\u54c1 \u806f\u7d61 Alcohol Ink Art EMILY \u5728\u8272\u5f69\u767c\u73fe \u6d41\u52d5 \u2022 \u7642\u7652 \u2022 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-642","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/xn--allinone-6s9ny2y86kkj9i9xgs9e.com\/index.php?rest_route=\/wp\/v2\/pages\/642","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xn--allinone-6s9ny2y86kkj9i9xgs9e.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xn--allinone-6s9ny2y86kkj9i9xgs9e.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xn--allinone-6s9ny2y86kkj9i9xgs9e.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xn--allinone-6s9ny2y86kkj9i9xgs9e.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=642"}],"version-history":[{"count":7,"href":"https:\/\/xn--allinone-6s9ny2y86kkj9i9xgs9e.com\/index.php?rest_route=\/wp\/v2\/pages\/642\/revisions"}],"predecessor-version":[{"id":656,"href":"https:\/\/xn--allinone-6s9ny2y86kkj9i9xgs9e.com\/index.php?rest_route=\/wp\/v2\/pages\/642\/revisions\/656"}],"wp:attachment":[{"href":"https:\/\/xn--allinone-6s9ny2y86kkj9i9xgs9e.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=642"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}