From 12d2ed85f7a574094385a541c34b56960dff8f0f Mon Sep 17 00:00:00 2001 From: Flatlogic Bot Date: Fri, 12 Dec 2025 05:39:34 +0000 Subject: [PATCH] =?UTF-8?q?=E6=98=9F=E7=B7=A3=E5=91=BD=E9=81=8B=E4=BA=A4?= =?UTF-8?q?=E9=9F=BF=E6=9B=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/custom.css | 61 +++++++++++ index.php | 250 ++++++++++++++++++------------------------ 2 files changed, 167 insertions(+), 144 deletions(-) create mode 100644 assets/css/custom.css diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..1349e88 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,61 @@ +/* Sweet Friendship Theme */ +body { + background-color: #FFF9FB; /* Off-white background */ + font-family: 'Nunito', sans-serif; + color: #495057; +} + +.hero { + background: linear-gradient(135deg, #FFC0CB, #E6E6FA); + color: white; + padding: 4rem 1.5rem; + text-align: center; + border-bottom-left-radius: 30px; + border-bottom-right-radius: 30px; +} + +.hero h1 { + font-weight: 800; + text-shadow: 1px 1px 3px rgba(0,0,0,0.1); +} + +.feature-card { + border: none; + border-radius: 15px; + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +.feature-card:hover { + transform: translateY(-5px); + box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12); +} + +.feature-card .card-body { + padding: 2rem; +} + +.feature-card .icon { + font-size: 3rem; + color: #FFC0CB; /* Soft Pink */ +} + +.feature-card .btn-primary { + background-color: #FFC0CB; + border-color: #FFC0CB; + border-radius: 50px; + padding: 0.75rem 1.5rem; + font-weight: bold; + transition: background-color 0.3s ease; +} + +.feature-card .btn-primary:hover { + background-color: #ffb3c1; /* Slightly darker pink */ + border-color: #ffb3c1; +} + +footer { + padding: 2rem 0; + font-size: 0.9rem; + color: #6c757d; +} diff --git a/index.php b/index.php index 7205f3d..e5c5acd 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,112 @@ - - + + - - - New Style - - - - - - - - - - - - - - - - - - - + + + + + <?php echo $_SERVER['PROJECT_NAME'] ?? '命理緣分網站' ?> + + + + + + + + + + + + + + + + + + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + +
+
+

+
+
+ +
+
+

探索你與摯友、伴侶的緣分密碼

+

輸入姓名與生日，發現你們之間奇妙的化學反應！

+
+ +
+
+
+ +
+
+
+
+

雙人緣分契合度

+

計算你與另一半的分數，看看誰更愛誰，以及你們的未來發展機率。

+ 開始測試 +
+
+
+ + +
+
+
+
+

女生友情指數

+

測算與閨蜜的友情分數和類型，並獲得專屬的相處小建議。

+ 開始測試 +
+
+
+ + +
+
+
+
+

八字命理分析

+

從你的生辰八字，推算命定對象的生日、星座與年齡差距。

+ 開始分析 +
+
+
+
+
+
+
+ + + + +